ES6学习——01块级作用域，let和const

块级作用域

在ES6浏览器中，在块级作用域中进行函数声明相当于var，会进行变量提升，提升到头部，所以在块级作用域中最好避免使用函数声明，而是应该写成函数表达式。

在ES6中使用大括号{}才算使用了块级作用域，否则用let=一个函数会报错。

Const的用法

const和let用法类似，只在当前块级作用域生效，但是const是声明一个常量，在之后不能被重复赋值，否则会报错。

const PI = 3.1415;
PI // 3.1415

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

if (true) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

这也要求Const的时候要立即赋值，否则也会报错.

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

本质

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

const a = [];
a.push('Hello'); // 可执行
a.length = 0;    // 可执行
a = ['Dave'];    // 报错

从上面两段代码不难看出，const只是把一个变量的地址和数值固定了，但是其方法仍然可变。。

使用Object.freeze冻结函数

如果想要将一个函数彻底固定，需要冰冻它。

onst foo = Object.freeze({});

// 常规模式时，下面一行不起作用；
// 严格模式时，该行会报错
foo.prop = 123;

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