call和apply的用法

call和apply的用法call和apply都是非常常用的方法,本文介绍了他们的相同点、区别以及用法。

call和apply的用法"

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

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注