两个demo搞懂apply()是怎么改变函数的调用对象的

最新推荐文章于 2023-05-08 12:55:39 发布

转载最新推荐文章于 2023-05-08 12:55:39 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000014321041

本文通过两个实例解释了JavaScript中函数对象的apply方法如何改变函数的调用对象，即this指向，并展示了当apply参数为空时默认调用全局对象的情况。

apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。

Demo1:

    var x = 0;

　　function test(){

　　　　console.log(this);

　　}

　　var o={};

　　o.x = 1;

　　o.m = test;

　　o.m.apply(); 
　　
    输出①：Window {external: Object, chrome: Object, document: document, configData: Object, x: 0…}

apply()的参数为空时，默认调用全局对象。因此，这时的运行结果为①，证明this指的是全局对象。

Demo2:

    
    var x = 0;

　　function test(){

　　　　console.log(this);

　　}

　　var o={};

　　o.x = 1;

　　o.m = test;

　　o.m.apply(o); 
　　
   输出②：Object {x: 1}

如果把最后一行代码修改为o.m.apply(o);运行结果就变成了②，证明了这时this代表的是对象o。