這次帶給大家js的作用域與預解析使用詳解,js作用域與預解析使用的注意事項有哪些,下面就是實戰案例,一起來看一下。
雖然,ES6在我們工作上應用得越來越廣泛,但是還是很多專案保留著ES5的寫法,所以,今天,帶著大家重新鞏固下ES5下的作用域及預解析機制。
作用域:域,指的是一個空間、範圍、區域,作用指的是可以在域內進行讀寫操作。一個變數的作用域是程式原始碼中定義的這個變數的區域。
在ES5中,只存在全域和函數層級作用域,在ES6中,引入了區塊級作用域,js的預解析機制大概分為兩個過程:預解析和自上而下逐行解讀
預先解析:js解析器會先把var定義的變數、function、參數等一些東西存放進倉庫裡面(記憶體)。變數var在正式運行之前,都賦值為undefined,function函數在運作之前,就是整個函數區塊
##表達式=、+、- 、*、/、++、--、! 、%.....number()、參數都可以賦值
遇到重名的,只留下一個,變數和函數重名,函數優先權高於變數,只留下函數
函數呼叫(函數是一個作用域,遇到作用域都會按照先進行預解析,然後逐行解讀的過程執行),先局部找參數,局部找不到就自下向上找(作用域鏈)概念扯了一大段,估計初學者還是有點暈乎乎,老司機就可以提前下車了,接下來,咋們舉幾個小栗子,結合上面的理論,深入理解。 實踐例1:
alert(a); //error: a is not defined a = 3;
例2:
alert(a); //undefined var a = 3;
例3:
alert(a); // function a (){ alert(4); } var a = 1; alert(a); // 1 function a (){ alert(2); } alert(a); // 1 var a = 3; alert(a); // 3 function a (){ alert(4); } alert(a); // 3
第八行:函数的声明,不会改变a 的值。
第九行:a的值没有改变,所以还是3
通过上面的栗子,相信大家应该对变量作用域的预解析过程有一定的了解了,接下来,咋们再举几个函数作用域的栗子
例4:
var a=1; function fn1(){ alert(a); //undefined var a = 2; } fn1(); alert(a) //1
例5:
var a=1; function fn1(a){ alert(a); //1 var a = 2; } fn1(a); alert(a) //1
例6:
var a=1; function fn1(a){ alert(a); //1 a = 2; } fn1(a); alert(a) //1
例7:
var a=1; function fn1(){ alert(a); //1 a = 2; } fn1(a); alert(a) //2
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上是js的作用域與預解析使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!