call和apply的用法

    xiaoxiao2021-03-25  63

    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)

    转载请注明原文地址: https://ju.6miu.com/read-39338.html

    最新回复(0)