JS Hoisting
基本信息
在 JavaScript 语言中,有一种称为**提升(Hoisting)**的机制,其中变量、函数、类或导入的声明在代码执行之前被概念上提升到其作用域的顶部。这个过程由 JavaScript 引擎自动执行,它会多次遍历脚本。
在第一次遍历期间,引擎会解析代码以检查语法错误,并将其转换为抽象语法树。这个阶段包括提升,即将某些声明移动到执行上下文的顶部。如果解析阶段成功,表示没有语法错误,则脚本执行会继续。
重要的是要理解:
脚本必须没有语法错误才能执行。必须严格遵守语法规则。
代码在脚本中的位置会影响执行,因为提升,尽管执行的代码可能与其文本表示不同。
提升的类型
根据 MDN 的信息,JavaScript 中有四种不同类型的提升:
值提升:允许在声明行之前在其作用域内使用变量的值。
声明提升:允许在其作用域内引用变量而不会导致
ReferenceError,但变量的值将是undefined。这种类型会改变其作用域内的行为,因为变量在其实际声明行之前被声明。
声明的副作用会在其余包含它的代码被评估之前发生。
具体来说,函数声明表现出类型 1 的提升行为。var 关键字展示类型 2 的行为。词法声明,包括 let、const 和 class,展示类型 3 的行为。最后,import 语句是独特的,因为它们具有类型 1 和类型 4 的提升行为。
场景
因此,如果您有场景,可以在使用未声明对象之后注入 JS 代码,您可以通过声明它来修复语法(这样您的代码将被执行而不会抛出错误):
更多场景
JavaScript Hoisting
JavaScript 变量提升
参考资料
最后更新于