1. ES6 let 与const

1.1 let 与const

let 声明的变量只在let 命令所在的代码块有效。
const 声明一个只读的常量,一旦声明,常量的值就不能改变了。

{
	let a = 0;
    a // 0
}
a // 报错 因为没有提前定义

代码块内有效:

let 是在代码块内有效, var 是在全局范围内有效:
{
    let a = o;
    var b = 1;
}
a	//  a is not defined
b	// 1

不能重复声明

let 只能声明一次 var 可以声明多重
let a = 1;
let a = 2;
var b = 3;
var b = 4;
a	//  'a' has already been declared
b	// 4

for 循环计数器很适合用let

for(var i = 0; i<10; i++){
    setTimeout(()=>{
        console.log(i);
    })
}
// 输出十个10
for(let j=0;j<10;j++){
    setTimeout(()=>{
        console.log(j);
    })
}
// 输出 0123456789

变量i 是用var声明的,在全局范围内有效,所以全局中只有一个变量i,每次循环时,定时器里面的i指的是全局变量i,而循环里十个计数器是在循环结束后执行的,所以此时 i 都是 10
变量j是用let声明的,当前的j只在本轮循环中有效,每次循环的j其实都是一个新的变量,所以定时器里面的j其实是不同的变量,既最后输出12345, (若每次循环的变量j都是重新声明的,如何知道前一个循环的值?)这是因为 JavaScript 引擎内部会记住前一个循环的值)。

不存在变量提升

let 不存在变量提升, var会变量提升:
console.log(a);    // a is not defined
let a = "apple"
console.log(b); //undefined
var b = "banana"

变量b用var声明存在变量提升,所以当脚本开始运行的时候,b已经存在,但是还没有赋值,所以会输出 undefined。
变量a用let声明不存在变量提升,在声明变量a之前,a不尽,所以会报错

const 命令
const声明一个只读变量,声明之后不允许改变,意味着,一旦声明必须初始化赋值,否则会报错
基本用法:

const PI = "3.1415926"
PI    //3.1415926
const MY_AGE;  // SyntaxError: Missing initializer in const declaration

暂时性死区:
var PI = "a";
if (true){
    console.log(PI)
    const PI = "3.1415026"    // 'PI'has already been declared
}
ES6 明确规定,代码块内如果存在 let 或者 const 代码块会对这些命令声明的变量块的开始就形成一个分封闭作用域,代码块内,声明变量PI之前使用它会报错。
posted @ 2023-02-07 15:59  老祝头  阅读(21)  评论(0)    收藏  举报