JavaScript 中的提升

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《JavaScript 中的提升》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

当谈到 javascript 时，有些概念可能会让人感到不知所措和沮丧，常常诱使我们在学习过程中放弃。但别担心——我来这里是为了简化事情，让任何人，甚至是初学者，都能轻松掌握 javascript 的真正工作原理。

让我们首先分解并掌握一个核心概念：提升。

吊装

提升是核心 javascript 中的一个概念，指的是解释器（将高级编程代码转换或解释为机器可以理解的代码（机器代码）或转换为可以被机器理解的中间语言的过程）也可以轻松执行。）在执行代码之前将变量、函数、类和导入的声明移动到其作用域的顶部。

每当执行 javascript 代码时，它都会分两个阶段在“执行上下文”中运行。

1. 记忆阶段（创建阶段）。
2. 代码执行阶段。

记忆阶段

在此阶段，javascript 会在实际运行代码之前扫描代码并为变量、函数和类分配内存。在此阶段：

函数声明：整个函数存储在内存中，甚至在代码行出现之前就可以调用它。

带有 var 的变量：用 var 声明的变量被赋予默认值 undefined。变量被提升，但直到执行阶段才会保留其实际值。

带有 let 和 const 的变量：这些变量也会被提升，但保持未初始化状态（处于“临时死区”）。在声明之前无法访问它们，如果尝试，则会导致引用错误。

类声明：类被提升，但像 let 和 const 一样，保留在“临时死区”，直到达到它们的声明。过早访问它们会抛出 referenceerror。

箭头函数：它们被视为变量，而不是作为常规函数提升。它们的行为就像用 const 声明的变量。

代码执行阶段

在此阶段，javascript 引擎开始逐行执行代码。现在，它将实际值分配给变量并运行函数。

对于函数声明：由于函数在内存阶段被完全提升，因此您可以在代码中随时调用它们，甚至在声明之前。

对于变量（var、let、const）：用 var 声明的变量现在将被分配其值。然而let和const只在这个阶段被初始化，在初始化之前访问它们仍然会导致错误。

对于类：类似地，类仅在此处初始化，并在此阶段之前尝试实例化它们将引发错误。

console.log(x); // undefined (var is hoisted with default value)
console.log(y); // ReferenceError (let is in "temporal dead zone")
console.log(z); // ReferenceError (const is in "temporal dead zone")

var x = 5;
let y = 10;
const z = 20;

greet(); // "Hello!" (Function is hoisted)
function greet() {
  console.log("Hello!");
}

arrowFunc(); // TypeError: arrowFunc is not a function (arrow function not hoisted)
const arrowFunc = () => console.log("Hello from arrow function");

以上就是《JavaScript 中的提升》的详细内容，更多关于的资料请关注golang学习网公众号！