call 与 apply，bind 的使用思路

最新推荐文章于 2025-02-10 17:01:24 发布

weixin_30412013

最新推荐文章于 2025-02-10 17:01:24 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bbb324/p/6812392.html

本文详细解释了JavaScript中call、apply和bind三个函数的区别及使用场景。通过具体的实例代码展示了如何利用这些方法来改变函数内部this的指向，并分别演示了call、apply和bind的不同参数传递方式。

call 与 apply 的区别是 cal 只能一个一个的传递参数，apply 是可以通过数组来传递参数, bind 需要进行一次额外的声明，

call 实例

var arr = {num: 2};
function aa(val1, val2) {
    return this.num+val1+val2;
}
console.log(aa.call(arr, 2,3)); // functionname.call(obj, functionArguments)

apply 实例

var obj = {num: 2};
var obj2 = {num: 3};
function add(val1, val2, val3) {
  return this.num+val1+val2+val3;
}
var arr = [1,2,3];
console.log(add.apply(obj, arr));
console.log(add.apply(obj2, arr));

bind 实例

var obj = {num: 5};
function add(val1, val2, val3) {
      return this.num+val1+val2+val3;
    }
    var bound = add.bind(obj);
    console.log(bound(3,4,5));

转载于:https://www.cnblogs.com/bbb324/p/6812392.html