call（）与apply（）的作用及区别

最新推荐文章于 2022-06-09 11:50:37 发布

smile.shu

最新推荐文章于 2022-06-09 11:50:37 发布

阅读量272

点赞数 1

分类专栏：基础js 文章标签： js

本文链接：https://blog.csdn.net/ayushu/article/details/96121345

版权

基础js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js函数中call()与apply()的区别：

这两个方法都是函数对象的方法，需要通过函数对象来调用
当对函数调用call()和apply()都会调用函数执行。
在调用call()和apply()可以将一个对象指定为第一个参数。此时这个对象将会成为函数执行的this。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>if</title>
        <script>
            function fun(){
                alert(this.name);
            }
            //作用相同
            // fun();
            // fun.call();
            // fun.apply();
            var obj={
                name:"第一个人",
                sayName:function(){
                    alert(this.name);
                }
            };
            var obj2={name:"第二个人"};
            //作用相同，显示对象的name属性值
            // fun.call(obj);
            // fun.call(obj2);
            // fun.apply(obj);
            obj.sayName.apply(obj2);
        </script>
    </head>
    <body>
        
    </body>
</html>

运行出现弹窗显示 第二个人

1. call()方法可以将实参在对象之后依次传递。
2. apply()方法需要将实参封装到一个数组中统一传递

function fun(a,b){
    console.log("a="+a);
    console.log("b="+b);
}
var obj={
    name:"obj",
    sayName:function(){
        alert(this.name);
    }
}
fun.call(obj,2,3);
fun.apply(obj,[2,3]);

控制台输出打印 a=2,b=3
在这里插入图片描述