call与apply

Posted 2020-08-28 最爱小虾

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了call与apply相关的知识，希望对你有一定的参考价值。

//哪四种情况下不能用this
//1,行间；2，套一层；3，定时器；4，绑定

用于设置this的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    function show(a,b) {
        console.log("this是"+this+",a是"+a+",b是"+b);
    }
    show(1,2);//window
    //call中的参数可以是多个，第一个是this，后面的参数往下排列
    //show.call(this,参数)
    show.call(12,1,2);//12
    //跟call的作用相似的还有apply,只不过它只有两个参数，第一个是this，第二个是一个数组
    //show.apply(this,[参数]);
    show.apply(12,[1,2]);//

    //call与apply区别仅仅在于参数传递的方法上。
</script>

使用的地方：

function myAddEvent(obj, sEv, fn)
{
// 总结起来就是：
// attachEvent——兼容：IE7、IE8；不兼容firefox、chrome、IE9、IE10、IE11、safari、opera
// addEventListener——兼容：firefox、chrome、IE、safari、opera；不兼容IE7、IE8
    if(obj.attachEvent)
    {
        obj.attachEvent(‘on‘+sEv, function (){
            fn.call(obj);//如果不用call，this的指向就是window，用call确保this的指向为当前的obj
        });
    }
    else
    {
        obj.addEventListener(sEv, fn, false);//给元素绑定事件，函数
    }
}

以上是关于call与apply的主要内容，如果未能解决你的问题，请参考以下文章

Javascript中call和apply的区别与详解

apply()与call()的区别

call()与apply()区别

Groovy闭包 Closure ( 闭包调用与 call 方法关联 | 接口中定义 call() 方法 | 类中定义 call() 方法 | 代码示例 )

javascript call 与 apply