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