apply()和call()方法

原创于 2019-10-21 00:42:17 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#apply()和call()方法

Javascript、JQuery练习专栏收录该内容

69 篇文章

订阅专栏

本文探讨了JavaScript中this关键字的使用，通过实例演示了如何利用apply()和call()方法改变函数调用的上下文，使函数能够访问不同对象的属性。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <script type="text/javascript">
        //定义一个变量，这个变量默认注册给了window对象
        var user_name = '张三';
        function showName(x,y,z) {
            alert(this.user_name);
            alert(x + y + z);
        }
        showName(10,20,30);//输出‘张三  60’
        //定义一个对象
        var Person = { user_name: '李四' };
        //利用apply()方法替换对象
        showName.apply(Person, [10, 20, 30]);//输出‘李四 60’
        //利用call()方法替换对象
        showName.call(Person, 10, 20, 30);//同样输出‘李四 60’,call()方法和apply()方法功能一样，只是用法不同
    </script>
</body>
</html>