// ES6嚴格模式
'use strict';
if (true) {
  function f() {}
}
// 不報錯

function f() { console.log('I am outside!'); }
(function () {
  if (false) {
    // 重複宣告一次函式f
    function f() { console.log('I am inside!'); }
  }
  f();
}());   // Uncaught TypeError: f is not a function
 

在Chrome環境下執行會報錯，因為實際執行的時候是下面的程式碼;

// ES6的瀏覽器環境
function f() { console.log('I am outside!'); }
(function () {
  var f = undefined;
  if (false) {
    function f() { console.log('I am inside!'); }
  }
  f();
}());
// Uncaught TypeError: f is not a function

上面程式碼在ES5中執行，會得到“I am inside!”，因為在if內宣告的函式f會被提升到函式頭部，實際執行的程式碼如下。

// ES5版本
function f() { console.log('I am outside!'); }
(function () {
  function f() { console.log('I am inside!'); }
  if (false) {
  }
  f();
}());

// ES6版本
function f() { console.log('I am outside!'); }
(function () {
 f();
}());
 

很顯然，這種行為差異會對老程式碼產生很大影響。為了減輕因此產生的不相容問題，ES6在附錄B裡面規定，瀏覽器的實現可以不遵守上面的規定，有自己的行為方式。

下面三條規則只對ES6的瀏覽器實現有效，其他環境的實現不用遵守，還是將塊級作用域的函式聲明當作let處理。

1、允許在塊級作用域內宣告函式。

2、函式宣告類似於var，即會提升到全域性作用域或函式作用域的頭部。

3、同時，函式宣告還會提升到所在的塊級作用域的頭部。

考慮到環境導致的行為差異太大，應該避免在塊級作用域內宣告函式。如果確實需要，也應該寫成函式表示式，而不是函式宣告語句。

// 函式宣告語句
{
  let a = 'secret';
  function f() {
    return a;
  }
}
// 函式表示式
{
  let a = 'secret';
  let f = function () {
    return a;
  };
}

// 不報錯
'use strict';
if (true) {
  function f() {}
}
// 報錯
'use strict';
if (true)
  function f() {}

const命令

const宣告的變數不得改變值，這意味著，const一旦宣告變數，就必須立即初始化，不能留到以後賦值。

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

對於const來說，只宣告不賦值，也會報錯。

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

if (true) {
  const MAX = 5;
}MAX     //Uncaught ReferenceError: MAX is not defined

const命令宣告的常量也是不提升，同樣存在暫時性死區，只能在宣告的位置後面使用。

if (true) {
  console.log(MAX); // ReferenceError
  const MAX = 5;
}

上面程式碼在常量MAX宣告之前就呼叫，結果報錯。

const的作用域與let命令相同：只在宣告所在的塊級作用域內有效。

const宣告的常量，也與let一樣不可重複宣告。

const a = [];
a.push('Hello'); // 可執行
a.length = 0; // 可執行
a = ['Dave']; // 報錯

對於複合型別的變數，變數名不指向資料，而是指向資料所在的地址。const命令只是保證變數名指向的地址不變，並不保證該地址的資料不變，所以將一個物件宣告為常量必須非常小心。

const foo = {};
foo.prop = 123;
foo.prop
// 123
foo = {};     // TypeError: "foo" is read-only

上面程式碼中，常量foo儲存的是一個地址，這個地址指向一個物件。不可變的只是這個地址，即不能把foo指向另一個地址，但物件本身是可變的，所以依然可以為其新增新屬性。

如果真的想將物件固定，應該使用Object.freeze方法。

const foo = Object.freeze({});
// 常規模式時，下面一行不起作用；
// 嚴格模式時，該行會報錯
foo.prop = 123;

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

全域性物件的屬性

全域性物件是最頂層的物件，在瀏覽器環境指的是window物件，在Node.js指的是global物件。ES5之中，全域性物件的屬性與全域性變數是等價的。

window.a = 1;
a // 1
a = 2;
window.a // 2

上面程式碼中，全域性物件的屬性賦值與全域性變數的賦值，是同一件事。（對於Node來說，這一條只對REPL環境適用，模組環境之中，全域性變數必須顯式宣告成global物件的屬性。）

未宣告的全域性變數，自動成為全域性物件window的屬性，這被認為是JavaScript語言最大的設計敗筆之一。這樣的設計帶來了兩個很大的問題，首先是沒法在編譯時就報出變數未宣告的錯誤，只有執行時才能知道，其次程式設計師很容易不知不覺地就建立了全域性變數（比如打字出錯）。另一方面，從語義上講，語言的頂層物件是一個有實體含義的物件，也是不合適的。

ES6為了改變這一點，一方面規定，為了保持相容性，var命令和function命令宣告的全域性變數，依舊是全域性物件的屬性；另一方面規定，let命令、const命令、class命令宣告的全域性變數，不屬於全域性物件的屬性。也就是說，從ES6開始，全域性變數將逐步與全域性物件的屬性脫鉤。

var a = 1;
// 如果在Node的REPL環境，可以寫成global.a
// 或者採用通用方法，寫成this.a
window.a // 1

let b = 1;
window.b // undefined