一、作用域
作用域，即變量（變量作用域又稱上下文）和函數(shù)生效（能被訪問）的區(qū)域或集合
換句話說，作用域決定了代碼區(qū)塊中變量和其他資源的可見性

舉個粟子

function myFunction(){let name='小愛同學'
}
undefined
myFunction()
undefined
name
Uncaught ReferenceError: inVariable is not defined

上述例子中，函數(shù)myFunction內部創(chuàng)建一個name變量，當我們在全局訪問這個變量的時候，系統(tǒng)會報錯
這就說明我們在全局是無法獲取到（閉包除外）函數(shù)內部的變量

我們一般將作用域分成：

• 全局作用域
• 函數(shù)作用域
• 塊級作用域

全局作用域

任何不在函數(shù)中或是大括號中聲明的變量，都是在全局作用域下，全局作用域下聲明的變量可以在程序的任意位置訪問

var globalName = 'hello world'
undefined
function getName(){console.log(globalName)
}
undefined
getName()
undefined

函數(shù)作用域
函數(shù)作用域也叫局部作用域，如果一個變量是在函數(shù)內部聲明的它就在一個函數(shù)作用域下面。這些變量只能在函數(shù)內部訪問，不能在函數(shù)以外去訪問

function greet() {var greeting = 'Hello World!';console.log(greeting);
}
// 打印 'Hello World!'
greet();
// 報錯：Uncaught ReferenceError: greeting is not defined
console.log(greeting);

可見上述代碼中在函數(shù)內部聲明的變量或函數(shù)，在函數(shù)外部是無法訪問的，這說明在函數(shù)內部定義的變量或者方法只是函數(shù)作用域

塊級作用域

ES6引入了let和const關鍵字,和var關鍵字不同，在大括號中使用let和const聲明的變量存在于塊級作用域中。在大括號之外不能訪問這些變量

{// 塊級作用域中的變量let greeting = 'Hello World!';var lang = 'English';console.log(greeting); // Prints 'Hello World!'
}
// 變量 'English'
console.log(lang);
// 報錯：Uncaught ReferenceError: greeting is not defined
console.log(greeting);

二、詞法作用域
詞法作用域，又叫靜態(tài)作用域，變量被創(chuàng)建時就確定好了，而非執(zhí)行階段確定的。也就是說我們寫好代碼時它的作用域就確定了，JavaScript 遵循的就是詞法作用域

var a = 2;
function foo(){console.log(a)
}
function bar(){var a = 3;foo();
}
bar()

由于JavaScript遵循詞法作用域，相同層級的 foo 和 bar 就沒有辦法訪問到彼此塊作用域中的變量，所以輸出2

三、作用域鏈

當在Javascript中使用一個變量的時候，首先Javascript引擎會嘗試在當前作用域下去尋找該變量，如果沒找到，再到它的上層作用域尋找，以此類推直到找到該變量或是已經到了全局作用域

如果在全局作用域里仍然找不到該變量，它就會在全局范圍內隱式聲明該變量(非嚴格模式下)或是直接報錯

這里拿《你不知道的Javascript(上)》中的一張圖解釋：

把作用域比喻成一個建筑，這份建筑代表程序中的嵌套作用域鏈，第一層代表當前的執(zhí)行作用域，頂層代表全局作用域

變量的引用會順著當前樓層進行查找，如果找不到，則會往上一層找，一旦到達頂層，查找的過程都會停止

舉個粟子

var sex = '男';
function person() {var name = '張三';function student() {var age = 18;console.log(name); // 張三console.log(sex); // 男 }student();console.log(age); // Uncaught ReferenceError: age is not defined
}
person();

上述代碼主要主要做了以下工作：

• student函數(shù)內部屬于最內層作用域，找不到name，向上一層作用域person函數(shù)內部找，找到了輸出“張三”
• student內部輸出cat時找不到，向上一層作用域person函數(shù)找，還找不到繼續(xù)向上一層找，即全局作用域，找到了輸出“男”
• 在person函數(shù)內部輸出age時找不到，向上一層作用域找，即全局作用域，還是找不到則報錯