call和apply都是非常常用的方法,它们的作用一模一样,区别仅在于传入参数的不同。
相同点:
传入的第一个参数都是代表函数体内的this指向。当调用call或者apply的时候,如果该参数为null,那么函数体内的this会指向默认的宿主对象,在浏览器中则是window,但如果是在严格模式下,函数体内的this还是为null。
不同点:
apply第二个参数为一个带下标的集合,这个集合可以为数组,或者为类数组arguments,apply方法把这个集合中的元素作为参数传递给被调用的函数。
call传入的参数数量不固定,从第二个参数往后,每个参数被依次传入函数。
用途:
1、改变this指向
getName.call(obj);
getName函数体内的this就指向obj对象。
2、借用其他对象的方法
1)借用构造函数,通过这种技术,可以实现一些类似继承的效果。
如下例中,Cat对象就能够直接调用Animal的方法以及属性了.
function Animal(name){
this.name = name;
this.showName = function(){
alert(this.name);
}
}
function Cat(name){
Animal.call(this, name);
}
var cat = new Cat("Black Cat");
cat.showName();
2)对arguments的操作不能像数组一样,进行排序操作或者往集合中添加一个新的元素。可以借用Array.prototype对象上的方法。
例如,想往arguments中添加一个新元素
var a={};
Array.prototype.push.call(a,'first');
alert(a.length);//输出:1
alert(a[0]);//first
还有,如果想要得到数组中最大的一项:
var max=Math.max.apply(null,array)
今天的文章call和apply的用法分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/32091.html