call()、apply()

最新推荐文章于 2024-07-26 11:41:15 发布

酷酷的景凉

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量120

点赞数

分类专栏：记录文章标签： javascript

本文链接：https://blog.csdn.net/qq_40308568/article/details/104254719

版权

记录专栏收录该内容

9 篇文章 0 订阅

订阅专栏

call()、apply()

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>call、apply</title>
</head>

<body>
    <script>
        var name = "xxx";
        function print(age = 1, address = "cd") {
            console.log(this.name + "," + age + "," + address); // xxx 应用默认绑定  绑定到window
        }
        print();
        var o = {
            name: "yyy"
        }
        var o2 = {
            name:"sss"
        };
        //print.call(); // xxx 应用默认绑定  绑定到window
        print.call(o, 22, "成都"); // yyy 绑定到指定对象
        print.apply(o, [23, "武汉"]); // yyy 绑定到指定对象
        print.call(o2,24,"chengtdu");
        // 相同点：指定函数的this值和参数列表并执行函数 第一个参数为指定的this值，其余参数为为函数提供的参数
        // 不同点：call()接收一个参数列表，apply()接收一个包含一个或多个参数的数组

        // 注意：如果把null、undefined作为this绑定的对象传入call()、apply()或bind()，
        // 这些值在调用的时候会被忽略，实际应用的是默认绑定规则
        function foo() {
            console.log(this.a);
        }
        var a = 2;
        foo.call(null); // 2
    </script>
</body>

</html>

酷酷的景凉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
call()、apply()

call()、apply()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
复制链接

扫一扫