JavaScript作用域详解：全局与函数区别

JavaScript作用域是决定变量、函数等标识符可访问范围的核心机制，直接影响代码的健壮性与可维护性；文章深入剖析了全局作用域（顶层声明、挂载window、生命周期长但易引发冲突）与函数作用域（调用时创建、执行完销毁、彼此隔离）的本质区别，并特别强调ES6块级作用域（由{}配合let/const实现）与函数作用域并列而非从属的关键事实——掌握这三类作用域的边界、生命周期和查找规则，是写出安全、清晰、无意外覆盖代码的基石。

JavaScript作用域是指变量、函数等标识符在代码中能够被访问的范围。它决定了某个变量在哪些地方能读、能写，哪些地方根本“看不见”。理解作用域是避免报错、防止意外覆盖、写出可维护代码的基础。

全局作用域的特点

全局作用域是最外层的作用域，不属于任何函数或块级结构。它在页面加载时创建，关闭页面时销毁。

• 在 script 标签最外层 或独立 JS 文件顶层声明的变量（用 var、let、const）都属于全局作用域
• 浏览器中，全局变量会自动成为 window 对象的属性，比如 var a = 1 等价于 window.a = 1
• 未声明直接赋值的变量（如 b = 2）也会挂到 window 上，形成隐式全局变量，应避免
• 全局变量生命周期长，容易造成命名冲突和内存占用，不宜滥用

函数作用域的规则

函数作用域（也叫局部作用域）只存在于函数体内，每次调用函数都会新建一个独立的作用域。

• 在函数内部用 var、let、const 声明的变量，仅在该函数内可访问
• 不同函数之间的变量互不可见，即使名字相同也不会互相影响
• 函数执行结束，其作用域通常被销毁（除非存在闭包），内部变量随之释放
• 函数内部访问变量时，先查自己作用域；找不到就沿作用域链向上找，直到全局作用域为止

关键区别：位置、可见性与生命周期

全局作用域和函数作用域的核心差异体现在三方面：

• 声明位置：全局变量写在函数外；函数作用域变量必须写在 function 大括号内
• 访问范围：全局变量 anywhere 都能读写；函数内变量只能在函数内读写
• 生命周期：全局变量随页面存在而存在；函数变量随函数调用而生、执行完即可能回收

注意块级作用域不是函数作用域

ES6 引入了块级作用域（由 {} 包裹，配合 let / const），它和函数作用域是并列关系，不是子集。比如 if 或 for 里的 let x = 1，只在该 {} 内有效，不归函数作用域“管”——这点常被误认为是函数作用域的一部分。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~