JavaScripts中的的var和let关键字

JavaScripts中的的var和let关键字

1、 JavaScripts变量的声明

JS变量的声明有三种方式，分别为var、let和const，其中let和const是Es6发布的内容，这里主要讲var和let的差别。

2、JavaScripts中var和let的区别

1.作用域

var作用域是整个封闭函数，是全域的 。let作用域是在块级或是子块中。所以在for中用let代替var进行迭代变量的声明是十分合理的。

• 全局声明中，var声明的变量会成为windows对象的属性，let不会，如下：

var name = "不追星的乌龟";
let age = "18";
console.log("name is "+window.name);
console.log("age is "+window.age);
/*
name is 不追星的乌龟
age is undefined
*/

• for循环中使用var和let

var:for中定义的i会渗透到循坏外面

for (var i = 0; i < 5; i++) {
    //循环体
}
console.log("i is "+i);
//i is 5

let：迭代变量作用域仅限于循环内部

for (let i = 0; i < 5; i++) {
    //循环体
}
console.log("i is"+i);
//Uncaught ReferenceError: i is not defined

2.声明提升

var：

console.log(age);
var age = 18;
//undefined

使用var时，这个关键字声明的变量会自动提升到函数作用域顶部，相当于：

var age;
console.log(age);
age = 18;

这就是所谓的"提升"，也就是把所有变量的提升都拉到函数作用域的顶部。此外，反复多次的使用var声明同意变量也时可以的，如下是合法的：

var age = 18;
var age = 9;
var age = 20;
console.log(age);
//20

let:
let不会在作用域中被提升（在let声明变量之前执行的瞬间被称为暂时性死区，在此阶段引用的任何后面才声明的变量都会抛出ReferenceError），并且也不能多次声明同一变量，如下：

console.log(age);
let age = 18;
//Uncaught ReferenceError: Cannot access 'age' before initialization

let age = 18;
let age = 19;
let age = 20;
console.log(age);
//Uncaught SyntaxError: Identifier 'age' has already been declared