作用域中的 LHS,RHS 查詢

var a = 2;

• 引擎對a的查詢是LHS查詢，指查詢a的記憶體位置，並非查詢其真實的值

console.log(a)

• 引擎對a的查詢是RHS查詢，指查詢a的實際值，並傳遞給console.log()方法作為引數

function foo (a) {
  console.log(a);
}

foo(2);

• 對foo進行RHS查詢，並進行方法呼叫
• 隱式對a進行賦值：a=2，對a進行LHS查詢
• 對console.log進行RHS查詢
• 對console.log(a)中的a進行RHS查詢

如果 RHS 查詢找到了一個變數，但是你嘗試對這個變數的值進行不合理的操作，比如試圖對一個非函式型別的值進行函式呼叫，或著引用 null

或 undefined 型別的值中的屬性，那麼引擎會丟擲另外一種型別的異常，叫作 TypeError。

ReferenceError 同作用域判別失敗相關，而 TypeError 則代表作用域判別成功了，但是對結果的操作是非法或不合理的。

不成功的 RHS 引用會導致丟擲 ReferenceError 異常。
不成功的 LHS 引用會導致自動隱式地建立一個全域性變數（非嚴格模式下）， 該變數使用 LHS 引用的目標作為識別符號， 或者丟擲 ReferenceError 異常（嚴格模式下）。

詞法作用域

function foo (a) {
  var
 
 b = a * 2;

  function bar (c) {
    console.log(a, b, c);
  }

  bar(b * 3);
}

foo(2); // 2, 4, 13

• 共三層作用域
• 最外層為全域性作用域，含有一個識別符號：foo
• 第二層為foo函式作用域，含有三個識別符號：a, b, bar
• 第三層為bar函式作用域，含有一個識別符號：c
• 查詢某個識別符號的值（RHS查詢）時，先在當前作用域查詢，查不到依次向外層查詢，直到全域性作用域停止

動態修改詞法作用域：eval,with

均不建議使用，eval可以修改已經存在的詞法作用域，with建立了一個新的詞法作用域

副作用：
- 引擎無法在編譯時對作用域查詢進行優化，導致程式碼執行變慢。

立即執行函式表示式-IIFE

var a = 2;

(function foo() {

  var a = 3;
  console.log( a ); // 3

})();

console.log( a ); // 2

第一個（）將函式變成表示式，第二個（）執行這個函式

塊作用域 let,const

if (true) {
  let bar = 2;
}
console.log( bar ); // ReferenceError

提升

變數提升

a = 2;
var a;
console.log(a); // 2

// 等同於------

var a;
a = 2;
console.log(a);

console.log(a); // undefined 並非 ReferenceError 異常
var a = 2;

// 等同於------

var a;
console.log(a);
a = 2;

函式宣告提升 到 變數提升 前邊

foo(); // 1

var foo;

function foo () {
  console.log(1);
}

foo = function () {
  console.log(2);
}

// 等同於------

function foo () {
  console.log(1);
}

var foo; // 重複宣告，被忽略

foo();

foo = function () {
  console.log(2);
}