ES6的let,const,var简单介绍

let

es6新增的语法,用于声明变量,类似于var,但是所声明的变量只在let命令所在的代码块内有效。意思就是只在当前声明的{ }的内部有效,在大括号外面在引用大括号内部变量的话,就会报错了。

//let
for (let i = 0; i < 10; i++) {

}
console.log(i);


//var​
for (var i = 0; i < 10; i++) {

}
console.log(i);

​

let结果:ReferenceError: i is not defined

var结果:10

大多数情况下,我会使用第一种方式,因为一般我们都会在for循环里面进行操作。let每循环一次,都是重新声明一个变量,所以每一个变量都是在不同的内存地址里面,但是var不一样,每次循环,都是指向相同的内存地址,而且这个地址是在栈内存中,而栈遵循后进先出的原则,所以最先出现的是10,那么i是指向的值为10。那下面的例子就会很好理解了。

//let
var arr = [];
for (let i = 0; i < 10; i++) {
    arr[i] = function() {
        return i
    }
}
console.log(arr[1]());   //1


//var 
var arr = [];
for (var i = 0; i < 10; i++) {
    arr[i] = function() {
        return i
    }
}
console.log(arr[1]());   //10

let声明时候,我们知道,每次循环都是指向不同的内存地址,arr[1](),就会指向i为1的内存地址,所有结果为1。var的时候,所有的循环i的值都会指向相同的内存地址,即最终的那个值,所以你不论arr[i]()中的i为多少,都会指向10,你也可以这样理解,var在他所在"{}"内循环的时候,他会将他所有的值全部循环完结束,将最终的值作为一个全局变量,进入下一个"{}"。

变量提升

解释:变量提升就是在声明前去使用。var支持l变量提升,但是let,const没有变量提升。这里的提升是指的是提升的变量声明,但是不提升变量赋值。以下面的var为例,在声明a之前使用打印出a的值,这时候我们打印出undefined,代表我们已经定义了a,但是这个时候没有拿到a的值,因为值不存在提升。

console.log(a)
var a = 1    //undefined

//上面的等价于
var a;
console.log(a)
a = 1    

console.log(b)
let b = 1    //ReferenceError: b is not defined


console.log(c)
const c = 1    //ReferenceError: b is not defined

const
const通常我们声明一个常量,但是也不仅仅是声明一个常量,他声明的变量所指向的内存地址是唯一的,所以我们一旦用const声明了一个变量,就不能重新给他赋值新的变量,即不能改变他的内存指向。而且不初始化或者说不赋值,就会报错。

const a=1;
console.log(a)  //1


a=2;
console.log(a)  //Assignment to constant variable.


const c;
console.log(c)  //Missing initializer in const declaration

附注:声明一个对象的时候,我们还是乖乖的使用var,不要纠结太多太细~~~~~~~~~~

猜你喜欢

转载自blog.csdn.net/Little_Pig_Bug/article/details/81083427