ES6语法总结（一）变量的声明

一：let和const命令

---

1.let命令

(1) ES6新增了let命令，用来声明变量。用法类似于var，但是声明的变量，只在let命令所在的代码块内有效。

例一：

{

    let a = 10;

    var b=1;

}

a// ReferenceError: a is not defined.

b//1

上面这两段代码声明了两个变量，然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值 ，这表明，let声蝗的变量只在它所在的代码块有效。

例二：

for (let i=0; i

console.log(i)

//ReferenceError: i is not defined

上面代码的计数器的i，只在for循环体内有效

例三：

下面的代码如果使用var，最后输出的是9

var a=[ ];

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

    var c = i;

    a[ i ] = function () {

     console.log(c)

    }

}

a [ 6 ]()

//9

例四：

声明的变量仅在块级作用域内有效，最后输出的是6

var a=[ ];

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

    let c = i;

    a[ i ] = function () {

        console.log(c)

    }

}

a [ 6 ]()

//6

(2)let不允许在相同作用域内，重复声明同一个变量。

以下两种情况都会报错

{

    let a=10;

    var a=1;

}

{

    let a=10;

    let a=1;

}

（3） let实际上为JavaScript新增了块级作用域。

例一

function () {

    let    n = 5;

    if ( true ) {

        let n = 10;

    }

console.log(n)    //5

}

上面的函数有两个代码块，都声明了变量n，运行后输出5。这表示外层代码块不受内层代码块的影响。如果使用var定义变量n，最后输出的值就是10。

例二：

function f() {  console.log ( ' I am outside! ' ); }

( function () {

    if ( false ) {

        function f() { console.log ( ' I am inside! ' ); }

    }

    f ( );

})( );

上面代码在ES5中运行，会得到“I am inside!”，

但是在ES6中运行，会得到“I am outside!”。

因为ES5存在函数提升，不管会不会进入if代码块，函数声明都会提升到当前作用域的顶部，得到执行；

而ES6支持块级作用域，不管会不会进入if代码块，其内部声明的函数皆不会影响到作用域的外部。

需要注意的是，如果在严格模式下，函数只能在顶层作用域和函数内声明，其他情况（比如if代码块、循环代码块）的声明都会报错。

二：const命令

---

const也用来声明变量，但是声明的是常量。一旦声明，常量的值就不能改变。

也与let一样不可重复声明，只在声明所在的块级作用域内有效。

例一：

改变常量的值是不起作用的，对常量重新赋值不会报错，只会默默地失败。

const  PI=3.1415;

PI  // 3.1415

PI = 3;

PI  // 3.1415

constPI=3.1;

PI //  3.1415

例二：

不可重复声明

var  message="Hello!";

let  age=25;

// 以下两行都会报错

const  message="Goodbye!";

const  age=30;