javascript中this的总结

柔情只为你懂 2022-05-16 04:54 172阅读 0赞

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。

1、纯粹函数调用。

function test() {
        this.x = 1;
        alert(x);
    }
    test();

其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。

[![复制代码][copycode.gif]][copycode.gif 1]

var x = 1;
    function test() {
        alert(this.x);
    }
    test();//1
    
    var x = 1;
    function test() {
        this.x = 0;
    }
    test();
    alert(x);//0

[![复制代码][copycode.gif]][copycode.gif 1]

2、作为方法调用，那么this就是指这个上级对象。

[![复制代码][copycode.gif]][copycode.gif 1]

function test() {
        alert(this.x);
    }
    
    var o = {};
    o.x = 1;
    o.m = test;
    o.m(); //1

[![复制代码][copycode.gif]][copycode.gif 1]

3、作为构造函数调用。所谓构造函数，就是生成一个新的对象。这时，这个this就是指这个对象。

function test() {
        this.x = 1;
    }
    var o = new test();
    alert(o.x);//1

4、apply调用

this指向的是apply中的第一个参数。

按 Ctrl+C 复制代码

按 Ctrl+C 复制代码

当apply没有参数时，表示为全局对象。所以值为0。

[copycode.gif]: http://common.cnblogs.com/images/copycode.gif
[copycode.gif 1]: /images/20220516/a143a47657db462f8ce620c6b8e87d72.png

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中this使用总结

this是在函数执行的过程中自动创建的一个指向一个对象的内部指针。确切的说，this并不是一个对象，而是指向一个已经存在的对象的指针，也可以认为是this就是存储了某个对象

拼搏现实的明天。/ 2022年07月15日 11:19/ 0 赞/ 119 阅读

相关 javascript中的this的学习总结

this 学习的总结 1、普通的function函数里面的this指向的是函数外的全局变量 var name = "tom"; function getN

桃扇骨/ 2022年06月03日 06:55/ 0 赞/ 139 阅读

相关 JavaScript中的this

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 1. function fn

r囧r小猫/ 2022年05月20日 07:04/ 0 赞/ 204 阅读

相关 JavaScript中的this

this（上下文对象） \- 我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象，根据函数的调用形式不同，this的

短命女/ 2022年05月18日 04:24/ 0 赞/ 204 阅读

相关 javascript中this的总结

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。 1、纯粹函数调用。 funct

柔情只为你懂/ 2022年05月16日 04:54/ 0 赞/ 173 阅读

相关【前端面试】对JavaScript中this的理解总结

setTimeout、setInterval中的this，严格模式和非严格模式下的this，箭头函数中的this，函数独立调用中的this 1.setTimeout、set

àì夳堔傛蜴生んèń/ 2022年04月13日 14:23/ 0 赞/ 199 阅读

相关 JavaScript中的this

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

待我称王封你为后i/ 2022年04月10日 02:59/ 0 赞/ 239 阅读

相关 JavaScript中this的使用方法总结

JavaScript中this的使用方法总结在JavaScript中，this的使用分为四种场景，具体请参考[阮一峰老师关于this的讲解][this] 第一种情况

叁歲伎倆/ 2022年02月24日 06:14/ 0 赞/ 355 阅读

相关 JavaScript 中的 this

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] [查][Link 1][看原文][Link 2] Yehuda Katz 强调了函数调

刺骨的言语ヽ痛彻心扉/ 2022年01月17日 12:06/ 0 赞/ 241 阅读

相关总结JavaScript中this绑定方式

this在默认的绑定非严格模式下指向window，严格模式下指向undefined，比如下面的函数foo在非严格模式下

小灰灰/ 2020年04月21日 05:56/ 0 赞/ 857 阅读