JavaScript中let和var的区别

JavaScript中let和var的区别

    • let 关键字
      • 1.使用let声明的变量只在所处于的块级有效,let具有块级性
      • 2.使用let关键字,声明的变量,不存在变量提升
      • 3.使用let关键字,声明的变量,存在暂时性死区

for(var i = 0; i<10; ++i){
     
}
console.log(i);//10

这是为什么,为什么i的作用域超出了循环体?
在块级作用域中,使用var定义变量,因为var不具备块级特性,所以,在块级作用域外也有效,视为定义全局变量

所以在ES6中引入了块级作用域概念

let 关键字

ES6中新增的用于声明变量的关键字

1.使用let声明的变量只在所处于的块级有效,let具有块级性

使用let关键字声明的变量才具有块级作用域,使用var声明的变量不具备块级作用域特性。

for(let i = 0; i<10; ++i){
     
}
console.log(i);//not defined

在循环中使用let关键字声明循环变量,可以防止在循坏结束后,依然可以访问

2.使用let关键字,声明的变量,不存在变量提升

使用let关键字声明变量,只能,先声明再使用

console.log(i);//not defined
let a = 20;

使用var关键字,声明的变量,会存在变量提升

3.使用let关键字,声明的变量,存在暂时性死区

var i = 20;
if(true){
     
console.log(i);//not defined
let i =10;
}

按说应该输出20,然而却报错没有定义,这是因为let的暂时性死区屏蔽了同名的全局变量
在块级作用域下,使用let声明的变量,会与当前块级作用域进行绑定,使其同名变量,暂时屏蔽(就好似在当前块级内没有找到除了let定义的变量外的其他变量)

你可能感兴趣的:(JS,javascript)