call和apply的区别和用法

来源:互联网 发布:格力壁挂空调 知乎 编辑:程序博客网 时间:2024/05/16 04:56

1.call和apply的区别

(1)apply接受两个参数,第一个参数指定了函数体内的this对象的指向,第二个参数为一个带下标的集合,这个集合可以为数组,也可以为类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数。

(2)call传入的参数数量不固定,跟apply相同的是,第一个参数也是代表函数体内的this指向,第二个参数开始往后,每个参数依次传入函数:

(1).var fun=function(a,b,c){

    console.log([a,b,c]);
    }
    fun.apply(null,[1,2,3]);==>[1,2,3]
    fun.call(null,1,2,3)==>[1,2,3]

传入的第一个参数为null,函数体内的this会指向默认的宿主对象,在浏览器中则是window

(2)function Car(name,price){
     this.name=name;
     this.price=price;
     console.log(this);
    }
    function Bew(name,price,type){
     Car.apply(this,arguments);
    }
    function Bew(name,price,type){
     Car.call(this,price,type);
    }
    var bmw=new Bew('bnw','100',"BMW");

这里的arguments参数是指(‘bnw’,‘100’,‘BMW’)就是这个函数的参数列表当成一个数组来传。而call的参数就要对应地输入

2.call和apply的用法

function A(){
    this.flag="A";
    this.tips=function(){
    console.log(this.flag)
    }
}
    function B(){
    this.flag="B"
    }
    var a=new A();
    var b=new B();
    a.tips.call(b);

B对象调用了A对象的tips方法,修改了this的当前作用对象。



原创粉丝点击