JS - 规范下的 this

最新推荐文章于 2024-11-04 16:17:23 发布

「已注销」

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量153

点赞数

分类专栏： JS 文章标签： javascript js

本文链接：https://blog.csdn.net/XieJay97/article/details/117367129

版权

JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细探讨了JavaScript中this关键字的规范定义，解释了ResolveThisBinding和GetThisBinding的过程，强调了非箭头函数中this的指向规则。在不同类型的执行环境中，如function、module和global Environment Record，this的绑定方式各有不同。举例说明了在函数调用、对象方法调用以及逻辑运算符表达式中的this取值情况。

摘要由CSDN通过智能技术生成

阅读本文请先查看执行上下文

规范定义:

this 关键字: 返回 ResolveThisBinding()

ResolveThisBinding

定义 envRec 为 GetThisEnvironment()
返回 envRec.GetThisBinding()

GetThisEnvironment

定义 env 为 running execution context 的 LexicalEnvironment
重复以下步骤直到返回 env
定义 exists 为 env. HasThisBinding()
如果 exists 是 true , 返回 env
定义 outer 为 env.[[OuterEnv]]
这里体现了箭头函数 this 为什么总是指向外层
设置 env 为 outer

只有function Environment Record(非箭头函数), module Environment Record 以及 global Environment Record的 HasThisBinding() 返回 true , 其它为 false

GetThisBinding

对于 HasThisBinding() 返回 true 的情况, GetThisBinding 执行结果如下:

function Environment Record(非箭头函数)
[[ThisBindingStatus]] 非 uninitialized , 返回 [[ThisValue]] , [[ThisValue]] 与 [[ThisMode]] 有关参考
[[ThisMode]] 包含以下 3 种可能
- lexical
  箭头函数 (这里是非箭头函数, 所以不考虑)
- strict
  严格模式, 函数调用时提供, 没有 this 为 undefined
- global
  非严格模式, 当 this 为 undefined 或 null , this 绑定到 global object
module Environment Record
undefined
global Environment Record
返回 [[GlobalThisValue]] , 即全局作用域的 this

非箭头函数 this

规范规定了Left-Hand-Side Expressions结构的函数代码执行时的语义(词法)分析

规范规定函数右边部分如下:
在这里插入图片描述

分析下面代码:

const obj = {
  func: function () {
    console.log(this);
  }
}

obj.func();
(false || obj.func)();

obj.func() 分析

obj.func() 的左边部分是 obj.func, 这是一个 MemberExpression, 其解析过程请参考规范内容, 解析结果为:

Reference Record { [[Base]]: obj, [[ReferencedName]]: 'func', [[Strict]]: 是否为严格模式, [[ThisValue]]: empty }.

请阅读: Reference Record

规范表明,这种表达式的 this 取决于左边内容返回的是 ECMAScript language value 还是 Reference Record

obj.func 返回 Reference Record, 所以 this 值为 Reference Record[[Base]], 即 obj

这里只简单介绍了一下判断, 具体请参考EvaluateCall

(false || obj.func)() 分析

左边部分是 (false || obj.func), 这是个 LogicalORExpression, 规范定义了其执行过程, 可以知道, 返回值为 ECMAScript language value(obj.func指向的函数对象), 不是 Reference Record, 所以 this 为 undefined (非严格模式下会指向全局对象)