es6作用域的示例分析

這篇文章主要介紹es6作用域的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　作用域？

　　幾乎所有的編程語言的最基礎模型之一就是在變量中儲存值，并且取出修改這些的值的能力，事實上，在變量中存儲值和取出值的能力，給程序賦予了狀態。如果沒有這樣的概念，一個程序雖然可以執行一些任務，但是它們將會受到極大的限制而且不會非常有趣。但是這些變量該存儲在哪，又給如何讀取？為了完成這個目標，需要制定一些規則，這個規則就是：作用域;

　　【相關課程推薦：JavaScript視頻教程】

　　作用域主要有哪幾種？

　　作用域主要分為全局作用域、函數作用域、動態作用域、塊級作用域；

　　對象 類型

　　window 全局作用域

　　fn 函數作用域

　　{} 塊級作用域

　　this 動態作用域

　　作用域查找規則？

　　1、執行環境有全局作用域和函數作用域之分；

　　2、每次進入一個新的執行環境，都會創建一個用于搜索變量和函數的作用域鏈；

　　3、函數的局部環境不僅可以訪問函數作用域內的變量，還可以訪問包含起父級環境乃至全局環境；

　　4、全局環境只能訪問全局聲明的變量和函數，而不能直接訪問局部環境重的任何數據。

　　全局作用域

　　變量在函數外定義，即為全局變量。

　　全局變量有全局作用域:網頁中所有腳本和函數均可使用。

　　如果變量在函數內沒有聲明（沒有使用var關鍵字），該變量為全局變量。

　　//以下實例中carName在函數內，但是為全局變量。

　　//此處可調用carName變量

　　functionmyFunction(){

　　carName="Volvo";

　　//此處可調用carName變量

　　}

　　在函數內部或代碼塊中沒有定義的變量上是作為window/global的屬性存在，沒有使用var定義的變量可以被delete的，而全局變量不可以。

　　函數作用域

　　函數內部聲明的變量，稱為函數作用域。函數內部的變量外部無法

　　直接訪問，可以通過retun或者閉包的方式去訪問。

　　//此處不能調用carName變量

　　functionmyFunction(){

　　letcarName="Volvo";

　　//函數內可調用carName變量

　　}

　　<!--rerurn-->

　　functionmyFunction(){

　　letcarName="Volvo";

　　rerurncarName;

　　//函數內可調用carName變量

　　}

　　letfn=myFunction()//Volvo;

　　<!--閉包-->

　　functionmyFunction(){

　　letcarName="Volvo";

　　functiongetName(){

　　console.log(carName)

　　}

　　returngetName();

　　//函數內可調用carName變量

　　}

　　myFunction()//Volvo

　　塊級作用域

　　es6出現后，用let命令新增了塊級作用域，外層作用域無法獲取到內層作用域，非常安全明了.即使外層和內層都使用相同變量名，也都互不干擾。

　　關于暫時性死區

　　*在使用let命令聲明變量之前，該變量都是不可用的。如果去調用這種情況被稱為暫時性死區。

　　let特性

　　*let不存在變量提升

　　*let不允許重復聲明

　　*擁有塊級作用域

　　*不可以使用window去調用

　　const特性

　　*定義常量

　　*不允許修改常量的值

　　*不允許先聲明后賦值

　　*同上

　　if(1){

　　leta=1

　　console.log(a)

　　}

　　動態作用域

　　動態作用域不關心函數和作用域是如何聲明以及在何處聲明的，只關心它們從何處調用。和this的機制就很像;

　　其實這里就有延伸出js的詞法作用域（靜態作用域），而與詞法作用域相對的是動態作用域，函數的作用域是在函數調用的時候才決定的

　　letname='youzi';

　　functiongetName(){

　　letname="tuzi";

　　functiongetAge(){

　　console.log(name)

　　}

　　returngetAge();

　　}

　　getName()//tuzi

　　詞法作用域

　　JavaScript采用的是詞法作用域，函數的作用域在函數定義的時候就決定了。

　　<!--這段代碼執行就是按照詞法作用域去執行的。在函數定義時已經被決定了-->

　　letname='youzi';

　　functiongetName(){

　　console.log(name)

　　}

　　functiongetAge(){

　　letname='tuzi';

　　getName()

　　}

　　getAge()//youzi

以上是“es6作用域的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！