前端之JavaScript面向对象开发

Posted 2022-11-18 全栈工程师MrL

1.let 声明

let声明的范围是块作用域， 而var 声明的范围是函数作用域。

if (true)  
 var name = 'juzi'; 
 console.log(name); // juzi
 
console.log(name); // juzi 1314
if (true)  
 let age = 1314; 
 console.log(age); // 1314
 
console.log(age); // ReferenceError: age 没有定义

块作用域可以看做是函数作用域的子集，适用于 var 的作用域限制同样也适用于 let。

let 也不允许同一个块作用域中出现冗余声明。这样会导致报错。

var name; 
var name; 
let age; 
let age; // SyntaxError；标识符 age 已经声明过了

声明冗余报错不会因混用 let 和 var 而受影响。

2.暂时性死区

// name 会被提升
console.log(name); // undefined 
var name = 'juzi'; 
// age 不会被提升
console.log(age); // ReferenceError：age 没有定义
let age = 1314;

在 let 声明之前的执行瞬间被称为“暂时性死区”（temporal dead zone），在此 阶段引用任何后面才声明的变量都会抛出 ReferenceError。

3.全局声明

使用 let 在全局作用域中声明的变量不会成为 window 对象的属性（var 声明的变量则会）。

备注：使用 let 在全局作用域中声明的变量不会成为 window 对象的属性（var 声明的变量则会）。

4.条件声明

1.  let 的作用域是块，所以不可能检查前面是否已经使用 let 声明过同名变量，同 时也就不可能在没有声明的情况下声明它。
2. try/catch 语句或 typeof 操作符也不能解决，因为条件块中 let 声明的作用域仅限于该块。 

5.for 循环中的 let 声明

使用 let 之后迭代变量的作用域仅限于 for 循环块内部

for (let i = 0; i < 1000; --i)  
 // 循环逻辑
 
console.log(i); // ReferenceError: i 没有定义