理解 JavaScript 中的作用域-js教程-PHP中文网

理解 JavaScript 中的作用域

霞舞

发布： 2025-01-14 08:01:53

原创

872人浏览过

理解 javascript 中的作用域

JavaScript 中的作用域和闭包是掌握这门语言的关键基础概念。它们是构造函数、工厂函数和立即执行函数表达式 (IIFE) 等核心机制背后的基石。

本文将通过实际示例讲解 JavaScript 的作用域，后续文章将深入探讨闭包。

作用域与词法作用域

作用域决定了变量在 JavaScript 程序中的可见性和可访问性。主要分为两种类型：

全局作用域
局部作用域

全局作用域

全局作用域的变量在程序的任何位置都可访问。技术上讲，未在任何函数或代码块 ({}) 内声明的变量都属于全局作用域。

立即学习“Java免费学习笔记（深入）”；

局部作用域

局部作用域的变量仅在其声明的特定上下文中可用。技术上讲，在函数或代码块 ({}) 内声明的变量都属于局部作用域。

奇域

奇域是一个专注于中式美学的国风AI绘画创作平台

查看详情

<code class="javascript">let x = 3; // x (全局作用域)

function addxy() {
    let y = 5; // y (局部作用域)
    return x + y; // 返回 8，因为 x 在程序的任何位置都可用
}</code>

登录后复制

作用域的扩展

ECMAScript 作为 JavaScript 的标准化规范，确保了跨平台的一致性和互操作性。ES6 (ECMAScript 2015) 的一个重要更新是引入了 let 和 const 关键字。

ES6 之前，JavaScript 使用 var 关键字定义变量。var 声明的变量可以被重新赋值和重新声明，并且仅在函数内部具有局部作用域。let 和 const 则引入了块级作用域，这意味着变量仅在其声明的最近的代码块 ({}) 内可用。

示例：

<code class="javascript">function addxyz() {
    var x = 3;
    let y = 4;
    const z = 5;
    return x + y + z; // 12
}

// 这些语句将输出 undefined，因为 var, let, 和 const 变量在函数内部具有局部作用域。
console.log(x);
console.log(y);
console.log(z);</code>

登录后复制

<code class="javascript">let age = 10; // 全局变量

if (age < 18) {
    let isMinor = true; // 块级作用域
    console.log(isMinor); // true
}

console.log(isMinor); // 报错：isMinor 未定义</code>

登录后复制

后续文章将讨论词法作用域和闭包。感谢阅读。

以上就是理解 JavaScript 中的作用域的详细内容，更多请关注php中文网其它相关文章！