JavaScript 作用域

简介: JavaScript 作用域

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

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

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

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

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

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

函数作用域 。

块级作用域( ES6 )

块级作用域由 {} 包括

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); // 报错

在 JavaScript 中,根据作用域的不同,变量可以分为两种: 全局变量 、 局部变量

全局变量 在全局作用域下声明的变量( var 在函数外部定义的变量)。

全局变量作用于整个文档,自页面打开到页面关闭,在代码的任何位置都可以使用。

在全局作用域下 var 和 let 声明的变量是全局变量。

特殊情况下,在代码块内不使用声明方式创建的变量也是全局变量(不建议使用)。

局部变量 在局部作用域下声明的变量( var 在函数内部或 let 在 {} 中定义的变量)

局部变量只作用于当前代码块内,自本代码块调用起到本代码块执行完毕。

在函数内部使用 var 声明的变量,或使用 let 在代码块内声明的变量是局部变量。

函数的形参实际上就是局部变量, for 循环初始值如果使用 let 声明也是局部变量。

全局变量和局部变量的生命周期

全局变量:在任何一个地方都可以使用,只有在浏览器关闭时才会销毁,因此比较占内存

局部变量:旨在代码块内部使用,当其所在的代码块被执行时,才会被初始化;当代码块运

行结束后,就会被销毁,因此更节省内存空间。

总的来说:

全局变量:范围是整个HTML页面,生命周期整个程序


局部变量:范围是这个变量的代码块,生命周期是函数创建时执行,结束时销毁。


相关文章
|
3月前
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
31 0
|
1天前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
8天前
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
5月前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
43 2
|
13天前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。
|
28天前
|
JavaScript 前端开发
js作用域
js作用域
15 1
|
2月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
2月前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
37 1
JavaScript基础知识-作用域(action scope)
|
2月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域
28 9