JavaScript 作用域

简介: JavaScript 作用域

JavaScript 作用域的概念:

作用域 :

一段程序代码中所用到的名字(例如变量名)并不总是有效的,而限定这个名字的可用

性代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

ES6 之前作用域有两种 全局作用域 局部作用域 ( 函数作用域 )

全局作用域:

作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中。

局部作用域:

作用于函数内部的代码环境,就是局部作用域。因为跟函数有关系,所以也被称为

函数作用域

块级作用域由 {} 包括

ES6 之前 JS 是没有块级作用域这一概念的,在 if 语句中,使用 var 声明的变量在外部依旧可

以使用,如下:

if(true){
var num = 123;
console.log(num); // 123
}
console.log(num); // 123


在 ES6 中新增块级作用域这一概念,使用 let 声明的变量在外部将不可使用。

if(true){
let num = 10;
console.log(num); // 10
}
console.log(num); // 报错

相关文章
|
27天前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
25 2
|
1月前
|
存储 JavaScript 前端开发
第五篇-Javascript作用域
第五篇-Javascript作用域
22 2
|
2月前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
29天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。
【6月更文挑战第25天】JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。闭包基于作用域链和垃圾回收机制,允许函数记住其定义时的环境。例如,`createCounter`函数返回的内部函数能访问并更新`count`,每次调用`counter()`计数器递增,展示了闭包维持状态的特性。
34 5
|
27天前
|
JavaScript 前端开发
JavaScript作用域关乎变量和函数的可见范围。
【6月更文挑战第27天】JavaScript作用域关乎变量和函数的可见范围。全局作用域适用于整个脚本,局部作用域限于函数内部,而ES6引入的`let`和`const`实现了块级作用域。全局变量易引发冲突和内存占用,局部作用域在函数执行后消失,块级作用域提高了变量管理的灵活性。作用域关键在于组织代码和管理变量生命周期。
23 1
|
29天前
|
JavaScript 前端开发
JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用
【6月更文挑战第25天】JavaScript中的变量提升(Hoisting)将`var`声明和函数声明提前到作用域顶部,允许在声明前使用。`let`和`const`不完全提升,存在暂时性死区(TDZ),尝试在初始化前访问会出错。函数声明会被提升,但函数表达式不会。
20 3
|
1月前
|
JavaScript
Vue.js中使用.self修饰符来限制事件处理程序的作用域
Vue.js中使用.self修饰符来限制事件处理程序的作用域
|
1月前
|
自然语言处理 JavaScript 前端开发
【JavaScript】JavaScript基础知识强化:变量提升、作用域逻辑及TDZ的全面解析
【JavaScript】JavaScript基础知识强化:变量提升、作用域逻辑及TDZ的全面解析
26 3
|
1月前
|
自然语言处理 JavaScript 前端开发
深入了解JS作用域
深入了解JS作用域
|
1月前
|
JavaScript 前端开发
JavaScript——作用域
JavaScript——作用域