js中call，apply，bind方法的区别

最新推荐文章于 2025-06-19 09:59:12 发布

weixin_30346033

最新推荐文章于 2025-06-19 09:59:12 发布

阅读量43

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhonghonglin1997/p/10395342.html

本文详细解析了JavaScript中函数的call、apply和bind三种调用方式，包括它们的参数传递方式、执行时机及返回值特性，通过实例展示了不同场景下的应用。

每个函数都有call和apply和bind方法。

call方法的第一个参数是该函数的this指向，之后的参数即为函数的参数值，可传多个。

apply方法的第一个参数也是该函数的this指向，第二个参数为函数的参数，只能传入数组，数组内设置多个值。

以上这两者将会直接执行函数。

bind方法的第一个参数也是改变函数的this指向，之后的参数和call的传入方法相同，但该方法返回的还是一个函数，需要添加()手动执行。

        var obj = {
            name: 'pig'
        }
        function a() {
            console.log(this);
            console.log(arguments);
        }
        a.call(obj, 1, 2, 3);
        a.apply(obj, [1,2,3]);
        a.bind(obj, 1, 2, 3)();
　　　　 a.bind(obj, 1)(2, 3);//结果相同。

　　　　　　(function b() {
　　　　　　　　console.log(this);
　　　　　　}).bind(obj)(); //效果相同

如果为以上三种方法的第一个参数设置为null，则this指向window。

转载于:https://www.cnblogs.com/zhonghonglin1997/p/10395342.html