【javascript笔记】this in javascript

本是古典何须时尚 2022-08-21 11:45 193阅读 0赞

之前一直对this的理解就是大概知道是个什么东西.最近看到MDN上面的介绍，就记录一下。  
mdn官方英文解释：**The this keyword refers to the function’s execution context.**

**全局上下文**

>  *  全局上下文咱们可以理解为 在 \[Object Function\] 和 \[Object object\] 类型 以外的所有 this 对象。  
>     chrome devTool下 this为全局window对象.  
>     node 环境下 this为全局global对象

如果this 没有处于函数内部，则是位于全局上下文，全局上下文里面this指代全局对象。

//chrome F12 
        window===this  //true
    
        //node 
        global===this  //true

**函数上下文**  
函数里面的this我理解的是谁调用这个函数,这个this就是指代的调用该函数的对象。特殊情况，构造函数里面的this对象以及事件处理函数里面的this，分别代表着返回的new对象，和触发事件的对象。

(function(){ console.log(this==global)})()  //node环境下为true
        (function(){ console.log(this==window)})()  //浏览器环境下为true

但是构造函数有点特殊，当一个函数被作为一个构造函数来使用
    （使用new关键字），它的this与即将被创建的新对象绑定。

参考资料请点击：[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this\#构造函数中的\_this][https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Operators_this_this]

[https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Operators_this_this]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this#构造函数中的_this

发表评论取消回复

表情：

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

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

相关阅读

相关 javascript中this

下面都是个人理解以及查找的网上的资料,如有不对的地方请指正 This this 始终指向调用它的对象 ,都没有对象调用时就指向window 另外就是this一般都

た入场券/ 2022年08月22日 06:26/ 0 赞/ 246 阅读

相关【javascript笔记】this in javascript

之前一直对this的理解就是大概知道是个什么东西.最近看到MDN上面的介绍，就记录一下。 mdn官方英文解释：The this keyword refers to the

本是古典何须时尚/ 2022年08月21日 11:45/ 0 赞/ 194 阅读

相关 JavaScript---this

var x="全局对象"; var test={ tests:function test1(){ this.x=

淩亂°似流年/ 2022年08月09日 01:55/ 0 赞/ 164 阅读

相关 JavaScript笔记：this全面解析

每个函数的 this 是在调用时被绑定的，完全取决于函数的调用位置(也就是函数的调用方法)。调用位置调用位置就是函数在代码中被调用的位置(而不是声明的位置)。

╰+哭是因爲堅強的太久メ/ 2022年07月16日 08:13/ 0 赞/ 220 阅读

相关 JavaScript笔记：关于this

this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难

╰+哭是因爲堅強的太久メ/ 2022年07月16日 08:11/ 0 赞/ 137 阅读

相关 JavaScript this关键字

介绍在这篇文章里，我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。实践证明，这个主题很难，在不同执行上下文中this的确定经常会发生问题。许

小鱼儿/ 2022年05月22日 12:58/ 0 赞/ 218 阅读

相关【JavaScript】深入理解JavaScript中的this

1，为什么要用this？来看一个例子： function identify() { return this.name.toUpperCase();

清疚/ 2022年05月12日 07:06/ 0 赞/ 318 阅读

相关 JavaScript入门教程笔记(11)-this关键字

1 定义 this关键字是一个非常重要的语法点，不理解它的含义，大部分开发任务都很难完成。无论什么场合，this总是返回一个对象。简单说，this就是属性或方法“当前

╰+哭是因爲堅強的太久メ/ 2022年04月08日 15:49/ 0 赞/ 173 阅读

相关 [Javascript] Decorators in JavaScript

First, what is 'High Order function', basic just a function, inside the function return

你的名字/ 2022年03月27日 04:45/ 0 赞/ 233 阅读

相关【JavaScript】详解this

本篇参考《你不知道的JavaScript》与“高级前端进阶”公众号第3-1期。 1 调用位置调用位置就是函数在代码中被调用的位置（而不是声明的位置）。查找方法：

我就是我/ 2021年12月10日 02:23/ 0 赞/ 279 阅读