javascript中apply、call和bind的区别

原文：https://www.cnblogs.com/cosiray/p/4512969.html

三者的相似之处：
1、都是用来改变函数的this对象的指向的。
2、第一个参数都是this要指向的对象。
3、都可以利用后续参数传参

区别：

1、call和apply都是对函数的直接调用，而bind方法返回的仍然是一个函数，因此后面还需要()来进行调用才可以。

2、call后面的参数与say方法中是一一对应的，而apply的第二个参数是一个数组，数组中的元素是和say方法中一一对应的，这就是两者最大的区别。

<script>

var xw = {

name: "小王",

gender: "男",

age: 24,

say: function () {

console.log(this.name + " , " + this.gender + " ,今年" + this.age);

}

}

var xh = {

name: "小红",

gender: "女",

age: 18

}

xw.say(); //小王 , 男 ,今年24

xw.say.call(xh); //小红 , 女 ,今年18

xw.say.apply(xh); //小红 , 女 ,今年18

xw.say.bind(xh)(); //小红 , 女 ,今年18

// 区别

// 1、call和apply都是对函数的直接调用，而bind方法返回的仍然是一个函数，因此后面还需要()来进行调用才可以。

 

var xw = {

name: "小王",

gender: "男",

age: 24,

say: function (school, grade) {

console.log(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);

}

}

var xh = {

name: "小红",

gender: "女",

age: 18

}

xw.say.call(xh, "实验小学", "六年级");

xw.say.apply(xh, ["实验小学", "六年级"]);

xw.say.bind(xh, "实验小学", "六年级")();

//但是由于bind返回的仍然是一个函数，所以我们还可以在调用的时候再进行传参

xw.say.bind(xh)("实验小学", "六年级");

 

// 区别

// 2、call后面的参数与say方法中是一一对应的，而apply的第二个参数是一个数组，数组中的元素是和say方法中一一对应的，这就是两者最大的区别。

</script>