0

0

javascript作用域是什么_全局和局部作用域怎么区分?

夢幻星辰

夢幻星辰

发布时间:2026-01-05 19:55:02

|

144人浏览过

|

来源于php中文网

原创

javascript作用域是词法作用域,由代码书写位置决定:var/let/const在函数外声明为全局,函数内声明为局部;无关键字赋值强制创建全局变量;作用域链支持正向查找但不反向;let/const提供块级作用域,var没有;应优先使用let/const并始终显式声明。

javascript作用域是什么_全局和局部作用域怎么区分?

JavaScript 作用域,本质上就是变量和函数「能被谁看见、在哪能用」的规则。它不是运行时动态决定的,而是代码写完、还没执行时就定下来的——也就是词法作用域(Lexical Scope)。全局和局部作用域的区分,关键看声明位置和声明方式,而不是调用位置。

怎么一眼判断一个变量是全局还是局部?

看它在哪声明、用什么关键字声明:

  • var 在函数外声明 → 全局变量(挂到 windowglobalThis 上)
  • let/const 在函数外声明 → 全局块级变量(不挂 window,但仍是全局作用域)
  • var/let/const 在函数内声明 → 局部变量(函数作用域)
  • 没用任何关键字直接赋值,比如 name = "Alice" → 强制变成全局变量(即使在函数里),绝对要避免
var globalA = 'a';
let globalB = 'b';
function foo() {
  var localA = 'local a';
  let localB = 'local b';
  noVar = 'oops'; // 没声明就赋值 → 全局变量!
}
foo();
console.log(globalA); // 'a' —— OK
console.log(globalB); // 'b' —— OK
console.log(localA);  // ReferenceError —— 找不到
console.log(noVar);   // 'oops' —— 真的成了全局变量

为什么函数内能访问外部变量,但外部不能访问函数内变量?

因为 JavaScript 使用「作用域链」查找变量:每次执行函数时,引擎会从当前作用域开始找,找不到就往上一级(父作用域)找,一直找到全局作用域为止。但反向不成立——父作用域没有通往子作用域的“后门”。

Grammarly
Grammarly

Grammarly是一款在线语法纠正和校对工具,伟大的AI辅助写作工具

下载
  • 这个机制让闭包成为可能(比如 createCounter() 返回的函数能一直记住 count
  • 但也会导致常见陷阱:循环中用 var 声明的变量,在异步回调里全指向同一个值
  • let 就不会——因为它在每次循环迭代中创建新绑定(块级作用域)

ES6 的块级作用域({})算不算“局部作用域”?

算,但它和函数作用域不同源:函数作用域由 function 创建;块级作用域由 iffor{} 等语句块 + let/const 共同触发。

立即学习Java免费学习笔记(深入)”;

  • varif 里声明 → 仍属于外层函数或全局作用域(无块级效果)
  • letfor 里声明 → 每次迭代都是独立绑定,适合做定时器/事件监听器的索引保存
  • 注意:function 声明在块内,行为因环境而异(严格模式下是块级,非严格下可能提升到函数顶层)
if (true) {
  var v = 'var in block';
  let l = 'let in block';
}
console.log(v); // 'var in block' —— var 泄露出去了
console.log(l); // ReferenceError —— let 真正被限制在块内

最容易被忽略的一点:作用域在代码解析阶段就固定了,跟执行顺序无关;而变量提升(hoisting)只影响声明位置感知,不改变作用域边界。写代码时,优先用 letconst,少用 var,绝不在任何地方省略声明关键字——这是守住作用域边界的最简单防线。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

231

2025.12.24

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

846

2023.08.22

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

203

2023.11.20

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

562

2023.09.20

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

93

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

106

2025.09.18

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

22

2026.03.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号