JS中call()和apply()bind()的区别

目录

1.方法定义

2.区别：参数书写方式不同

3.改变函数作用域 

 4.总结

在JavaScript中，call和apply作用是一样的，都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部this的指向

一、方法定义：

• apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。
• call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);在JavaScript中，call和apply作用是一样的，都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部this的指向即A对象调用B对象的方法。

call 与 apply 的相同点：

• 方法的含义是一样的，即方法功能是一样的；
• 第一个参数的作用是一样的；
• call 与 apply 的不同点：两者传入的列表形式不一样
• call可以传入多个参数；
• apply只能传入两个参数，所以其第二个参数往往是作为数组形式传入

function fruits(){}
        
fruits.prototype = {
    color: "red",
    say: function(){
        console.log("My color is " + this.color);
    }
};

var apple = new fruits;
apple.say();                //My color is red

区别：参数书写方式不同

call(thisObj, arg1, arg2, arg3, arg4);
apply(thisObj, [args]);

 thisObj：call和apply第一个参数是一样的，该参数将替代Function类里面的this对象。
arg1,arg2....：是一个个的参数，
args：一个数组或类数组，是一个参数列表。

改变函数作用域 

var name = "小白";
var obj = {
    name: "小红"
};

function sayName() {
    return this.name;
}
console.log(sayName.call(this));   //小白
console.log(sayName.call(obj));    //小红

 总结

1. apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；
2. apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
3. apply 、 call 、bind 三者都可以利用后续参数传参；
4. bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。

。