call,apply的作用与区别

call、apply的作用与区别

• 从结果上来看两者我觉得没有什么区别，至于是使用apply()还是call()，完全取决于你采取哪种给函数传递参数的方式最方便。如果你打算传入arguments对象，或者数组时，那么使用apply()肯定是最方便的，否则的话call()更加适合，废话不多说，上代码：

<script>
    //最简单的例子,正常传值
    function fun(a,b,c){
        return a+b+c;
    }
    let sum = fun.call(this,1,2,3);
    console.log(sum);//6
    let sum1 = fun.apply(this,[1,2,3]);
    console.log(sum1);//6

    function numSum(num1,num2){
        return num1+num2;
    }
    //传入一个arguments，arguments说白了就是这个函数传入的实参[num1,num2]
    function applySum(num1,num2){
        return numSum.apply(this,arguments);//给numSum()传入arguments（[num1,num2]）
    }
    let sum3 = applySum(2,3);//传入实参
    console.log(sum3);//5
</script>

他俩的作用：改变作用域，这也是他们真正强大的地方

<script>
    //call(),apply()改变作用域
    window.color = 'red';
    var obj = {
        color:'blue'
    };
    function sayColor(){
        console.log(this.color);
    }
    sayColor();//red
    sayColor.call(this);//red
    sayColor.call(window);//red
    sayColor.call(obj);//blue

</script>

• sayColor()在这里是作为全局函数定义的，而且当在全局作用域中调用它时，它输出‘red’，因为此时this的指向是window。所以sayColor(); sayColor.call(this);sayColor.call(window);时，结果都是‘red’。sayColor.call(obj)，此时就将this改变指向obj，所以此时结果为‘blue’