js 函数对象的方法 call()和apply()

最新推荐文章于 2024-07-29 13:58:45 发布

m0_51390818

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量40

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_51390818/article/details/129939146

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function fun(a,b){
            console.log('a:'+a);
            console.log('b:'+b);
            console.log(this.name);
        }
    /* 
        call() 和 apply()
            - 这两个方法都是函数对象的方法，需要通过函数对象调用
            - 当函数调用call() 和 apply() 都会调用函数执行
            - 在调用call() 和 apply() 可以将一个对象指定为第一个参数
                此时这个对象将会成为函数执行时的this
            - call()方法可以将实参在对象之后一次传递
            - apply()方法需要将实参封装到一个数组中统一传递

        - this的情况：
            - 以call() 和 apply() 调用时，this是指定的那个对象
    */
        var obj = { name:'obj',
                sayName:function(){
                    console.log(this.name);
                }
        };
        var obj2={name:'obj2'}
        /* 
            fun.apply();
            fun().call();
            fun();
        */
       // fun.call(obj);
       // fun.apply(obj);
       // obj.sayName.apply(obj2);
       //fun()


          //  - call()方法可以将实参在对象之后一次传递
            //- apply()方法需要将实参封装到一个数组中统一传递
       fun.call(obj,2,3)
       fun.apply(obj,[2,3])
    </script>
</head>
<body>
</body>
</html>