ES6 新增命令

let               用来声明变量。它的用法类似于var,但是所声明的变量,

                  只在let命令所在的代码块内有效。

例:

{var a=10; let b=20;}; console.loge(a);//10 ;console.log(b);//报错。

       代码的作用域更加明显。

 

 

for(let i=0;i<10;i++){console.log(i)};console.log(i);//0~9;报错。

      不会污染全局变量,外部是访问不到变量 i 的。

 

 

var a=[]; for(var i=0;i<10;i++) {a [ i ]=function ( ) {console.log ( i )}};a[ 6 ]( );//10。

上面代码中,变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i。

每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。

也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是10。

 

 

var a=[]; for(leti=0;i<10;i++) {a [ i ]=function ( ) {console.log ( i )}};a[ 6 ]( );//10。

上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,

所以最后输出的是6。你可能会问,如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?

这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

 

 

另外,for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。

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

上面代码正确运行,输出了3次abc。这表明函数内部的变量i与循环变量i不在同一个作用域,有各自单独的作用域。

即小括号于大括号都有各的作用域。

 

 

let 不存在变量提升(变量提前声明)。

var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。

为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

console.log(a); var a=10;//undefined

console.log(b); let b=10;//报错

 

 

不允许重复声明

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

let a=10; let a=20;//报错。

function fn ( ){ let a=10; let a=10;}; fn( );//报错。

function fn( name){ let name;}; fn( );//报错。

let a=10; { let a=20; console.log(a)};//20。

 

 

暂时性死区

只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var a=10; { a=20; ……………………   let  a ;   …………}

上面代码中,存在全局变量a,但是块级作用域内let又声明了一个局部变量a,

导致后者绑定这个块级作用域,所以在let声明变量前,对a赋值会报错。

灰色区域内都是let的死区。就是说在一个块级作用域内,只要出现了let,

那么在作用域内 let 前面就不允许出现用 let 声明的变量的相同名字的变量。

typeof (a);//undefined;       typeof(a);  let a=10;//报错。

“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。

上面代码中,变量a使用let命令声明,所以在声明之前,都属于a的“死区”,

只要用到该变量就会报错。因此,typeof运行时就会抛出一个ReferenceError(错误)。

作为比较,如果一个变量根本没有被声明,使用typeof反而不会报错。

 

 

有些“死区”比较隐蔽,不太容易发现。

function fn ( x=y, y=2){ return [ x,y ]}; fn ( x,y );//报错。

上面代码中,调用fn函数之所以报错(某些实现可能不报错),

是因为参数x默认值等于另一个参数y,而此时y还没有声明,属于”死区“。

如果y的默认值是x,就不会报错,因为此时x已经声明了。

 

 

let x = x;

上面代码报错,也是因为暂时性死区。使用let声明变量时,只要变量在还没有声明完成前使用,就会报错。

上面这行就属于这个情况,在变量x的声明语句还没有执行完成前,就去取x的值,导致报错”

 

 

 

const

const声明一个只读的常量。一旦声明,常量的值就不能改变。

 

 

const a=10; a=20;//报错。

const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值

对于const来说,只声明不赋值,就会报错。

const a;  a=20;//报错。

 

 

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。

对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。

但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,

const只能保证这个指针是固定的,至于它指向的数据是不是可变的,就完全不能控制了。

因此,将一个对象声明为常量必须非常小心。

 

 

const a={ name:"karen", age:23};

a={ name:"ming", age:25};//报错。

a.name="ming"; a.age=25;//不报错。

上面代码中,常量 a 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 a 指向另一个地址,但对象本身是可变的

 

 

你好!如果你有什么更好的建议或意见,请在评论区留言。感谢你的阅读!
原文地址:https://www.cnblogs.com/YCxiaoyang/p/7145303.html