JavaScript——作用域

简介: JavaScript——作用域

1.JavaScript 作用域的概念

      在JavaScript中,作用域是一个控制变量、函数和类的作用范围的概念。 它决定了变量、函数和类的生命周期,以及它们在代码中的可见性。 理解JavaScript中的作用域对于编写高效、可维护的代码至关重要。

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

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

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

块级作用域:

块级作用域由 {} 包括

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

if(true){
var  num  =  155172444; console.log(num);  //  155172444
}
console.log(num);  //  155172444
在 ES6 中新增块级作用域这一概念,使用 let 声明的变量在外部将不可使用。
if(true){
let  num  =  10000; console.log(num);  //  10000
}
console.log(num);  //  报错

2.JavaScript 变量的作用域

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

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

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

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

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

局部变量:旨在代码块内部使用,当其所在的代码块被执行时,才会被初始化;当代码块运     行结束后,就会被销毁,因此更节省内存空间。

3.JavaScript 作用域链

作用域链:通过上节作用域我们知道,当我们声明一个函数时,程序会生成一个独立的作用域,如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域;根据 内部函数可以访问外部函数变量 的这种机制,用链式查找决定哪些数据能被内部函数访问,就称为作用域链。

function  f1(){
let  num  =  123;
function  f2()  {
console.log(  num);  //  123
} f2();
}
let  num  =  456; f1();

注意:作用域链采取就近原则的方式来查找变量最终的值。

4.JavaScript 预解析

预解析相关概念:JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析和代码执行。

预解析 :在当前作用域下,JS 代码执行之前,浏览器会默认把带有 var 和  function 声明的变量在内存中进行提前声明或定义。

代码执行 :从上往下执行 JS 代码。

预解析会把变量和函数的声明在代码执行之前完成,预解析也叫做变量、函数提升。

相关文章
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
256 0
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
355 11
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
291 1
JavaScript基础知识-作用域(action scope)
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。
|
JavaScript 前端开发
js作用域
js作用域
213 2
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域
195 9
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22