关于js中call(), apply(), bind()简单的解释

本文介绍了JavaScript中改变函数内部this指向的三种方法：call(), apply() 和 bind()。通过具体示例展示了如何使用这些方法来控制函数执行上下文，并解释了它们之间的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

call()

例子：

    var obj = {"num":2};
    var addToThis = function(a,b,c){
        return this.num + a + b + c;                    
    };

    var result = addToThis.call(obj,1,2,3);

    console.log(result);
    // 2 + 1 + 2 + 3
    //8

解释
对于上面的例子，call()方法让对象obj使用了addToThis方法，一般格式为 fun.call(thisArg, arg1, arg2 .....) ，意思就是说让thisArg可以使用fun方法，后面的arg1，arg2…就是传入fun方法的参数

apply()

-例子

    var obj = {"num":2};
    var addToThis = function(a,b,c){
        return this.num + a + b + c;                    
    };

    var array = [1,2,3];

    var result = addToThis.apply(obj,array);

    console.log(result);
    // 2 + 1 + 2 + 3
    //8

解释
apply()方法和call()方法达成的效果一样，只不过传入其中的参数略有不同 fun.apply(obj,[arg1,arg2....]) ，只有两个参数，第二个参数为数组，用来存储需要传入fun方法的参数

bind()

例子

    var obj = {"num":2};
    var addToThis = function(a,b,c){
        return this.num + a + b + c;                    
    };

    var result = addToThis.bind(obj);
    console.log(result(1,2,3));
    //8