作用域(Scope)

1.什么是作用域

作用域是在運行時代碼中的某些特定部分中變量，函數和對象的可訪問性。

作用域（scope）：一個變量的可用范圍

作用域的類型

Javascript中有三種作用域：

• 全局作用域；
• 函數作用域；
• 塊級作用域；

2. 全局作用域

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

// 全局變量 var greeting = 'Hello World!'; function greet() {console.log(greeting); } // 打印 'Hello World!' greet();

3. 函數作用域

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

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

4. 塊級作用域

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);

上面代碼中可以看出，在大括號內使用var聲明的變量lang是可以在大括號之外訪問的。使用var聲明的變量不存在塊級作用域中。

5.作用域嵌套

像Javascript中函數可以在一個函數內部聲明另一個函數一樣，作用域也可以嵌套在另一個作用域中。
例如：

var name = 'Peter'; function greet() {var greeting = 'Hello';{let lang = 'English';console.log(`${lang}: ${greeting} ${name}`);} } greet();

這里我們有三層作用域嵌套，首先第一層是一個塊級作用域（let聲明的），被嵌套在一個函數作用域(greet函數)中，最外層作用域是全局作用域。

6.詞法作用域

詞法作用域（也叫靜態作用域）從字面意義上看是說作用域在詞法化階段（通常是編譯階段）確定而非執行階段確定的。
例如：

let number = 42; function printNumber() {console.log(number); } function log() {let number = 54;printNumber(); } // Prints 42 log();

上面代碼可以看出無論printNumber()在哪里調用console.log(number)都會打印42。動態作用域不同，console.log(number)這行代碼打印什么取決于函數printNumber()在哪里調用。
如果是動態作用域，上面console.log(number)這行代碼就會打印54。
使用詞法作用域，我們可以僅僅看源代碼就可以確定一個變量的作用范圍，但如果是動態作用域，代碼執行之前我們沒法確定變量的作用范圍。
像C，C++，Java，Javascript等大多數編程語言都支持靜態作用域。Perl 既支持動態作用域也支持靜態作用域。

在js中詞法作用域規則：

• 函數允許訪問函數外的數據
• 整個代碼結構中只有函數可以可以限定作用域
• 作用域規則首先使用提升規則分析
• 如果當前作用域中有名字了，就不考慮外面的名字

var num = 123; function foo(){console.log( num ); } foo();if( false ){var num = 123; } console.log( num ) //undefiend

7. 作用域鏈

當在Javascript中使用一個變量的時候，首先Javascript引擎會嘗試在當前作用域下去尋找該變量，如果沒找到，再到它的上層作用域尋找，以此類推直到找到該變量或是已經到了全局作用域。
如果在全局作用域里仍然找不到該變量，它就會在全局范圍內隱式聲明該變量(非嚴格模式下)或是直接報錯。

例如：

// 案例 1： function f1(){function f2(){} }var num = 456; function f3(){function f4(){} }

// 案例2 function f1() {var num = 123;function f2() {console.log( num );}f2(); } var num = 456; f1();

總結

以上是生活随笔為你收集整理的JS----JavaScript中的作用域和作用域链的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。