ES6 学习(1)

1, 变量的声明 let 和 const 

　　let 命令

　　let与var变量声明类似, 但是let声明的 变量只在代码块中作用 ,在代码块外作用便会报错; 在循环中体现更为明显

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

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

　　从上面代码中,可以分析, let声明的变量i只在当前轮循环中有效, 所以每次循环的i其实都是一个新的变量,所以最后输出的是6, 而var声明的变量i是全局,作用于全局

　　let 声明的变量 不存在变量提升 , 

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

　　　　暂时性死区 (区块内,在let声明变量之前,都属于变量的'死区',即不可调用变量) 只要块级作用域内存在let命令,他所声明的变量就绑定在这个区域了, 不再受外部的影响

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError 引用错误
  let tmp;
}

 　　通过上面的代码分析, 存在全局变量tmp, 但是块级作用域内let有声明了一个局部变量tmp,导致后者绑定这个块级作用域, 由于let声明的变量并不会提升,那么就会报错;如果是var声明的变量就会提升,那么tmp就会为'abc'

 　　ES6中明确规定,如果区块内存在let和const命令,那么这个区块对这些命令声明的变量从一开始就形成了封闭作用域, 凡是在声明之前使用这些变量, 就会报错

　　比较隐蔽的死区

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

 

 　　报错是因为x的默认值是y,而此时y并没有声明,属于死区, 如果y的默认值是x就不会报错

 

// 不报错
var x = x; // x为undefined,

// 报错
let x = x;
// ReferenceError: x is not defined

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

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}

 

　　const 命令

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

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const foo;
// SyntaxError: Missing initializer in const declaration

 

 

 

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

　　 const的作用域与let 相同,都是只在所在的块级作用域内有效, 声明的常量也不会提升, 同样也存在暂时性死区,只能声明后才能使用, 同样, const 声明的常量与let一样也是不可以重复声明的

 　　　　实质上,const的只读,只是常量指向的内存地址的数据不得改动, 即基本类型存在栈内存中的数据,复杂类型存在栈中的地址不得改变, 但是复杂类型存储在堆内存中的数据还是可以改变的

 　　如果真的想让对象不可改变应该使用Object.freeze()方法,使对象冻结,所以添加的新属性不起作用,严格模式下还会报错; 除了将对象本身冻结,对象的属性也应该冻结; 

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};