作用域是Javascript中最重要的概念之一。很多初學(xué)者容易陷入作用域的混亂中，導(dǎo)致代碼的不可預(yù)知性增加。那么什么是作用域呢？簡單來說，作用域就是聲明變量的區(qū)域。 舉個(gè)例子，假設(shè)我們有如下的Javascript代碼：

var language = "Javascript";
function greet(){
console.log("Hello, " + language + "!");
}
greet();

在這段代碼中，我們定義了一個(gè)叫做`language`的變量，初始化為字符串"Javascript"。我們還定義了一個(gè)名為`greet`的函數(shù)，函數(shù)體內(nèi)調(diào)用了`console.log()`函數(shù)輸出一個(gè)字符串，在該字符串中引用了`language`變量。 現(xiàn)在我們調(diào)用`greet`函數(shù)，我們會(huì)在控制臺(tái)上看到如下輸出：

Hello, Javascript!

我們會(huì)發(fā)現(xiàn)，在`greet`函數(shù)內(nèi)，我們可以訪問到在函數(shù)外定義的`language`變量。這是因?yàn)镴avascript中的作用域控制是基于函數(shù)的。 可以這么理解，Javascript代碼執(zhí)行時(shí)，程序會(huì)在當(dāng)前函數(shù)的作用域內(nèi)查找變量。如果在該函數(shù)內(nèi)找不到所需的變量，程序就會(huì)向上查找該函數(shù)所處的作用域，直到找到該變量或查找到全局作用域。如果仍然找不到，程序就會(huì)拋出一個(gè)"未定義變量"的錯(cuò)誤。 舉個(gè)例子，假設(shè)我們有如下Javascript代碼：

function greet(){
var name = "Alice";
function sayHi(){
console.log("Hi, " + name + "!");
}
sayHi();
}
greet();
console.log(name);

在這個(gè)例子中，我們定義了一個(gè)名為`greet`的函數(shù)，函數(shù)內(nèi)部定義了另一個(gè)函數(shù)`sayHi`。`sayHi`函數(shù)可以訪問到`greet`函數(shù)內(nèi)部定義的變量`name`。 我們執(zhí)行`greet`函數(shù)，我們會(huì)在控制臺(tái)上看到如下輸出：

Hi, Alice!

這就是因?yàn)樵赻sayHi`函數(shù)內(nèi)部，我們可以訪問到`greet`函數(shù)內(nèi)部定義的變量`name`。但如果我們現(xiàn)在擴(kuò)展代碼，在`greet`函數(shù)之后，添加如下代碼：

console.log(name);

我們?cè)俅螆?zhí)行代碼，此時(shí)控制臺(tái)會(huì)輸出一個(gè)"未定義變量"的錯(cuò)誤，因?yàn)榇藭r(shí)`name`變量已經(jīng)超出了其定義的作用域范圍。 正因?yàn)樽饔糜虻母拍詈苤匾琂avascript中也有多種不同類型的作用域。 - 全局作用域：全局作用域是指定義在函數(shù)外部的變量和函數(shù)。任何一個(gè)函數(shù)內(nèi)都可以訪問到全局作用域中的變量和函數(shù)。 - 函數(shù)作用域：函數(shù)作用域是指定義在函數(shù)內(nèi)部的變量和函數(shù)。在函數(shù)外部無法訪問到函數(shù)作用域中的變量和函數(shù)。 - 塊級(jí)作用域：塊級(jí)作用域是指定義在代碼塊內(nèi)的變量。ES6之前，Javascript中并沒有塊級(jí)作用域的概念，只有函數(shù)作用域和全局作用域。ES6引入了`let`和`const`關(guān)鍵字，它們可以定義塊級(jí)作用域。 舉個(gè)例子，假設(shè)我們有如下Javascript代碼：

var num = 10;
if(num >5){
var message = "Great";
}
console.log(message);

在這個(gè)例子中，我們?cè)谝粋€(gè)if語句中定義了一個(gè)名為`message`的變量。由于Javascript中沒有塊級(jí)作用域，所以在外部也可以訪問到該變量。我們執(zhí)行該代碼，控制臺(tái)輸出如下：

Great

在ES6之后，我們可以使用`let`關(guān)鍵字來定義塊級(jí)作用域。舉個(gè)例子：

if(num >5){
let message = "Great";
}
console.log(message);

在這個(gè)例子中，我們使用`let`關(guān)鍵字定義了一個(gè)名為`message`的變量。由于它的作用域只在if語句內(nèi)部，所以在if外部訪問`message`會(huì)拋出一個(gè)"未定義變量"的錯(cuò)誤。 作用域是Javascript中一個(gè)非常基礎(chǔ)且重要的概念。了解作用域有助于我們更好地理解Javascript程序的執(zhí)行流，還可以避免代碼中的未定義變量問題。