ES12 中的全局环境

在前端开发中，全局环境是一个非常重要的概念。在 ES12 中，全局环境的作用和生命周期有了一些变化，本文将介绍这些变化并提供相关的示例代码。

全局环境的作用

全局环境是指在代码中任何位置都可以访问的变量和函数。它们被存储在全局对象中，通常是 window 对象（浏览器环境下）或 global 对象（Node.js 环境下）。全局环境中的变量和函数可以被任何函数或代码块中的代码调用，因此它们是非常重要的。

全局环境的生命周期

在 ES12 中，全局环境的生命周期分为两个阶段：初始化阶段和执行阶段。

初始化阶段

在初始化阶段中，会先创建全局环境并设置全局对象。然后，会创建一些内置对象，如 Object、Function、Array 等。接下来，会执行所有的顶级声明（如变量和函数声明），并将它们添加到全局环境中。在这个阶段中，还会执行所有的模块导入语句。

执行阶段

在执行阶段中，会依次执行代码块中的语句。在这个阶段中，会执行所有的函数调用、变量赋值等操作。如果出现了未声明的变量或函数，就会抛出一个 ReferenceError 异常。

示例代码

下面是一些示例代码，帮助你更好地理解全局环境的作用和生命周期。

示例 1：变量声明

var name = "John";
console.log(name); // 输出 "John"

在初始化阶段，会创建一个名为 name 的变量并将其添加到全局环境中。在执行阶段中，会将字符串 "John" 赋值给这个变量，并将其输出到控制台。

示例 2：函数声明

function sayHello() {
  console.log("Hello");
}
sayHello(); // 输出 "Hello"

在初始化阶段，会创建一个名为 sayHello 的函数并将其添加到全局环境中。在执行阶段中，会调用这个函数并将字符串 "Hello" 输出到控制台。

示例 3：模块导入

import { add } from "./math.js";
console.log(add(2, 3)); // 输出 5

在初始化阶段，会执行模块导入语句并将导入的函数添加到全局环境中。在执行阶段中，会调用导入的函数并将其结果输出到控制台。

总结

全局环境是前端开发中非常重要的概念。在 ES12 中，全局环境的作用和生命周期有了一些变化，我们需要了解这些变化并学会如何使用全局环境中的变量和函数。希望本文能对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650a8fa195b1f8cacd4e88cb