作用域与闭包
什么是作用域:
指代码当前上下文,控制着变量和函数的可见性和生命周期。最大的作用是隔离变量,不同作用域下同名变量不会冲突。
全局作用域:
代码在程序的任何地方都能被访问,例如 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