JavaScript探索--2

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 48 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/531651/2088155

文章标签：

#javascript #ViewUI

本文介绍JavaScript中this关键字的作用域及如何通过apply和call方法改变函数调用上下文。同时对比了apply与call的区别，尤其是在参数传递方面的不同。

apply 与 call用法

能够扩展函数赖以运行的作用域

<script>
        var color = '红色';
        var box = {
            color : '蓝色'
        }
        function sayColor() {
            console.log(this.color);
        }

        sayColor.apply(this);//this指代window作用域
        sayColor.apply(box);//box指代box作用域
</script>

注意：apply与call用法一样，只是传递的参数不同

<script>
    function sum(num1, num2) {
        return num1 + num2;
    }
    function add(num1, num2) {
        return sum.apply(this, arguments);//apply传递参数可以用arguments对象代替
        return sum.call(this, num1, num2);//call传递参数必须每个都写
    }

    add(10,10);
</script>

转载于:https://blog.51cto.com/531651/2088155