作用域与闭包

100 阅读3分钟

作用域与闭包

什么是作用域:

指代码当前上下文,控制着变量和函数的可见性和生命周期。最大的作用是隔离变量,不同作用域下同名变量不会冲突。

全局作用域:

代码在程序的任何地方都能被访问,例如 window 对象。但全局变量会污染全局命名空间,容易引起命名冲突。

函数作用域:

属于这个函数的全部变量,都可以在整个函数范围内使用及复用。函数作用域内,对外是封闭的,即函数外部无法直接访问函数内部的变量

块级作用域:

由于 js 变量提升存在变量覆盖、变量污染等设计缺陷,所以 ES6 引入了块级作用域关键字来解决这些问题。 块级作用域可通过新增命令 let 和 const 声明,所声明的变量在指定块的作用域外无法被访问。块级作用域在如下情况被创建:

1、在一个函数内部

2、在一个代码块(由一对花括号包裹)内部

let var const 区别 ?

1、块级作用域: let const 有块级作用域。 var 不存在块级作用域。

2、变量提升: var 会存在变量提升, let, const 不存在变量提升。

3、给全局添加属性: var声明的变量为全局变量,并且会将该变量添加为全局对象的属性,但是let和const不会。

4、重复声明: var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。

5、暂时性死区:在使用let、const命令声明变量之前,该变量都是不可用的。这在语法上,称为暂时性死区。使用var声明的变量不存在暂时性死区。

5、初始值设置: 在变量声明时,var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。

6、指针指向: let和const都是ES6新增的用于创建变量的语法。 let创建的变量是可以更改指针指向(可以重新赋值)。但const声明的变量是不允许改变指针的指向。

变量提升

1、只有声明会被提升,赋值或者其他运行逻辑会被留在原地。

2、函数声明和变量声明(var)都会被提升。但是一个值得注意的细节(这个细节可以出现在有多个“重复”声明的代码中)是函数会首先被提升,然后才是变量。

闭包

函数A里包含了函数B,而函数B使用了函数A的变量,那么函数B被称为闭包或者闭包就是能够读取函数A内部变量的函数,函数内部可以访问函数外部的变量就是闭包。

闭包是函数作用域下的产物,闭包是内层函数对外层函数变量的不释放

闭包的特点:

1、在一个函数内部定义另外一个函数,并且返回内部函数或者立即执行内部函数。

2、函数内部可以访问函数外部的变量。

3、让局部变量始终保存在内存中。

作用域链

指如果在当前作用域中没有查到值,就会向上级作用域查询,直到全局作用域,这样一个查找过程所形成的链条就被称之为作用域链。

题目

变量提升

console.log(a);  // undefined
var a = 2; 
for (var i = 0; i < 10; i++) {
    console.log(i);
}
// 0,1,2,3,4,5,6,7,8,9
for (let i = 0; i < 10; i++) {
    console.log(i);
}
console.log(i); 

// 0,1,2,3,4,5,6,7,8,9
// ReferenceError
for (var i = 1; i <= 5; i++) {
    setTimeout(function timer() {
        console.log(i);
    }, i * 1000);
}
// 6,6,6,6,6