全面了解构造函数继承关键apply call


Posted in Javascript onJuly 26, 2016

主要我是要解决一下几个问题:

 1.  apply和call的区别在哪里

 2.  apply的其他巧妙用法(一般在什么情况下可以使用apply)

我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用.

apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.

Function.apply(obj,args)方法能接收两个参数

obj:这个对象将代替Function类里this对象

args:这个是数组,它将作为参数传给Function(args-->arguments)

call:和apply的意思一样,只不过是参数列表不一样.

Function.call(obj,param1,param2,…,paramN)

obj:这个对象将代替Function类里this对象

params:这个是一个参数列表

apply示例:

<script type="text/javascript">
/*定义一个人类*/
function Person(name,age) {
  this.name=name; this.age=age;
}
 /*定义一个学生类*/
functionStudent(name,age,grade) {
  Person.apply(this,arguments); this.grade=grade;
}
//创建一个学生类
var student=new Student("qian",21,"一年级");
//测试
alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);
//大家可以看到测试结果name:qian age:21 grade:一年级
//学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是apply的神奇之处.
</script>

分析: Person.apply(this,arguments);

this:在创建对象在这个时候代表的是student

arguments:是一个数组,也就是[“qian”,”21”,”一年级”];

也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,这样就将属性创建到了student对象里面

 call示例

在Studen函数里面可以将apply中修改成如下:

Person.call(this,name,age);

区别

在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型,并且在调用Person的时候参数的列表是对应一致的(也就是Person和Student的参数列表前两位是一致的) 就可以采用 apply , 如果我的Person的参数列表是这样的(age,name),而Student的参数列表是(name,age,grade),这样就可以用call来实现了,也就是直接指定参数列表对应值的位置(Person.call(this,age,name,grade));

apply的一些其他巧妙用法

细心的人可能已经察觉到,在我调用apply方法的时候,第一个参数是对象(this), 第二个参数是一个数组集合,

在调用Person的时候,他需要的不是一个数组,但是为什么他给我一个数组我仍然可以将数组解析为一个一个的参数,

这个就是apply的一个巧妙的用处,可以将一个数组默认的转换为一个参数列表([param1,param2,param3] 转换为 param1,param2,param3) 这个如果让我们用程序来实现将数组的每一个项,来装换为参数的列表,可能都得费一会功夫,借助apply的这点特性,所以就有了以下高效率的方法:

a)  Math.max 可以实现得到数组中最大的一项

因为Math.max 参数里面不支持Math.max([param1,param2]) 也就是数组

但是它支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个特点来解决 var max=Math.max.apply(null,array),这样轻易的可以得到一个数组中最大的一项

(apply会将一个数组装换为一个参数接一个参数的传递给方法)

这块在调用的时候第一个参数给了一个null,这个是因为没有对象去调用这个方法,我只需要用这个方法帮我运算,得到返回的结果就行,.所以直接传递了一个null过去

b)  Math.min  可以实现得到数组中最小的一项

同样和 max是一个思想

var min=Math.min.apply(null,array);

c)   Array.prototype.push 可以实现两个数组合并

同样push方法没有提供push一个数组,但是它提供了push(param1,param,…paramN) 所以同样也可以通过apply来装换一下这个数组,即:

vararr1=new Array("1","2","3");
 vararr2=new Array("4","5","6");
Array.prototype.push.apply(arr1,arr2);

也可以这样理解,arr1调用了push方法,参数是通过apply将数组装换为参数列表的集合.

以上就是小编为大家带来的全面了解构造函数继承关键apply call全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
Sep 26 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
canvas轨迹回放功能实现
Dec 20 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
swiper 自动图片无限轮播实现代码
May 21 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 Javascript
JS面试题---关于算法台阶的问题
Jul 26 #Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 #Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 #Javascript
又一枚精彩的弹幕效果jQuery实现
Jul 25 #Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 #Javascript
前端微信支付js代码
Jul 25 #Javascript
javascript与jquery动态创建html元素示例
Jul 25 #Javascript
You might like
php中文字母数字验证码实现代码
2008/04/25 PHP
php数组中删除元素的实现代码
2012/06/22 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
XP折叠菜单&amp;仿QQ2006菜单
2006/12/16 Javascript
JavaScript对象、属性、事件手册集合方便查询
2010/07/04 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
python中类的一些方法分析
2014/09/25 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
没编程基础可以学python吗
2020/06/17 Python
详解Python流程控制语句
2020/10/28 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
应届毕业生自我评价分享
2013/12/15 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
小学六年级毕业感言
2015/07/30 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书