javascript中call和apply的用法示例分析


Posted in Javascript onApril 02, 2015

call和apply的用法,并利用call实现js类的继承

/*
 * 矩形
 */
function Rectangle(len,width) {
  this.len = len;
  this.width = width;
 
}
/*
 * 乘以
 */
function multiply(a,b) {
  return a * b;
}
// 矩形实例
var rectangle = new Rectangle(15, 30);
//求矩形面积
var proportion = multiply.call(rectangle,rectangle.len, rectangle.width);
// 等价于call
//var proportion = multiply.apply(rectangle,[rectangle.len, rectangle.width]);
 
document.write("矩形的面积是:"+proportion);
document.write("<br/>");
 
document.write("/***********************分割线********************************/<br/>");
 
// 实现继承
function Persion(name) {
  this.name = name;
  this.sayHello = function () {
    return "hello,"+this.name;
  }
}
 
function Student(name,sex,school) {
  Persion.call(this,name);
  this.sex = sex;
  this.school = school;
 
  this.mySex = function () {
    return this.sex;
  }
  this.mySchool = function () {
    return this.school;
  }
}
 
var stu = new Student('fengjx','男','广西机电职业技术学院')
 
document.write("stu sayHello:"+stu.sayHello());
document.write("<br/>");
document.write("stu sex is:"+stu.mySex());
document.write("<br/>");
document.write("stu school is :"+stu.mySchool());
document.write("<br/>");

演示图:

javascript中call和apply的用法示例分析 

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
用javascript实现在小方框中浏览大图的代码
Aug 14 Javascript
JQUERY复选框CHECKBOX全选,取消全选
Aug 30 Javascript
javascript delete 使用示例代码
Mar 29 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
原生js实现类似弹窗抖动效果
Apr 02 #Javascript
JavaScript显示表单内元素数量的方法
Apr 02 #Javascript
原创jQuery弹出层插件分享
Apr 02 #Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 #Javascript
Javascript获取表单名称(name)的方法
Apr 02 #Javascript
如何改进javascript代码的性能
Apr 02 #Javascript
JavaScript获得表单target属性的方法
Apr 02 #Javascript
You might like
php mysql索引问题
2008/06/07 PHP
discuz7 phpMysql操作类
2009/06/21 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
Yii框架分页技术实例分析
2019/08/30 PHP
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
2016/06/24 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
Python数组条件过滤filter函数使用示例
2014/07/22 Python
简单谈谈Python中函数的可变参数
2016/09/02 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
pandas DataFrame行或列的删除方法的实现示例
2019/08/02 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
纯CSS实现预加载动画效果
2017/09/06 HTML / CSS
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
初婚初育证明
2014/01/14 职场文书
市三好学生主要事迹
2014/01/28 职场文书
企业总经理职责
2014/02/02 职场文书
服装设计专业求职信
2014/06/16 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
2015年员工试用期工作总结
2014/12/12 职场文书
停水通知
2015/04/16 职场文书
golang 接口嵌套实现复用的操作
2021/04/29 Golang
Python中的套接字编程是什么?
2021/06/21 Python
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP