javascript中applycall和bind的区别

Posted 2021-05-21 傻了吧爷会飞

javascript中apply、call和bind的区别

1、bind、call、apply重新定义this指向

注意：bind方法后面需要重新调用函数才会执行，call和apply方法是直接执行。

<script>
        /* 改变this指向 */
        let obj={
            num:20
        }
        function test(){
            console.log(this);//未修改this指向时，此时的this指向的是window，修改后this就指向obj
        }

        test.bind(obj)()//将test中的this指向改成obj对象，需要重新调用函数才会被执行

        test.call(obj)//将test中的this指向改成obj对象，直接执行函数

        test.apply(obj)//将test中的this指向改成obj对象，直接执行函数
        
    </script>

2、bind、call、apply传参

• bind、call、apply除了修改this指向以外，还可以传参，只不过参数必须写在this对象的后面。

注意：bind和call中this对象后面的参数直接用逗号隔开，apply中this对象后面的参数要用数组的方式传入。

<script>
        /* 传参 */
        let obj={
            num:20
        }
        function test(a,b){
            console.log(a,b);
            console.log(this);
        }

        test.bind(obj,190,89)()//this对象后面传入的参数直接用逗号隔开

        test.call(obj,190,89)//this对象后面传入的参数直接用逗号隔开

        test.apply(obj,[190,89])//this对象后面传入的参数直接用数组的方式传入

    </script>

学习的课程：李南江的前端课程