簡介
“變量提升”意味著變量和函數的聲明會在物理層面移動到代碼的最前面,但這么說并不準確。
實際上變量和函數聲明在代碼里的位置是不會動的,而是在編譯階段被放入內存中。
聲明變量的方法
var、let、const
不用以上關鍵字直接賦值的變量會掛載與windows環境下;
let a=9const a=1var a=6c=5
聲明函數的方法
javascript中聲明函數的方法有兩種:函數聲明式和函數表達式。
//函數聲明function say(){ console.log('hello') }//函數表達式var say=function (){ console.log('hello') }提升的好處
JavaScript 在執行任何代碼段之前,將函數聲明放入內存中的優點之一是,這允許你可以在在聲明該函數之前使用一個函數。
/*** 正確的方式:先聲明函數,再調用函數 (最佳實踐)*/function catName(name) { console.log("我的貓名叫 " + name);}catName("Tigger");/*以上代碼的執行結果是: "我的貓名叫 Tigger"*//*** 不推薦的方式:先調用函數,再聲明函數 */catName("Chloe");function catName(name) { console.log("我的貓名叫 " + name);}/*代碼執行的結果是: "我的貓名叫 Chloe"*/提升規則
var 聲明的變量,提升時只聲明,不賦值,默認為undefined;不用關鍵字直接賦值的變量不存在提升(demo1) 函數提升會連帶函數體一起提升,不執行;(deom2) 預解析的順序是從上到下;(demo4) 函數的優先級高于變量,函數聲明提前到當前作用域最頂端;(deom3) 變量重名,提升時不會重復定義;在執行階段后面賦值的會覆蓋上面的賦值;(demo4) 函數重名,提升時后面的會覆蓋前面;(demo5) 函數和變量重名,提升函數,不會重復定義,變量不會覆蓋函數;在執行階段后面賦值的會覆蓋上面的賦值;(demo8) 用函數表達式聲明函數,會按照聲明變量規則進行提升;(deom6) 函數執行時,函數內部的變量聲明和函數聲明也按照以上規則進行提升;(deom7) let、const不存在提升;(demo9、demo10)/**demo1**/console.log('a=',a) //a=undefinedconsole.log('b=',b) // Uncaught ReferenceError: b is not definedvar a=1b=6/**deom2**/console.log('a=',a) // a=function a() {console.log("func a()")}function a() {console.log("func a()")}/**deom3**/console.log('a=',a) // a=function a() {console.log("fun a")}var a=3var a=4function a(){console.log("fun a")}var a=5var a=6console.log("a=",a) // a=6 /**deom4**/console.log('a=',a) // a=undefinedvar a =2console.log('a=',a) //var a =3var a =4console.log('a=',a) // a=4console.log('b=',b) //b= undefinedvar b='b1'/**deom5**/console.log('a=',a) // a=function a() {console.log("a2")}function a(){console.log("a1")}function a(){console.log("a2")}console.log('a=',a) // a=function a() {console.log("a2")}/**deom6**/console.log('a=',a) // a=undefinedvar a=function(){console.log('a1')}var a=3var a=4var a=5console.log(a)var a=function(){console.log('a2')}console.log('a=',a) // a= ƒ (){console.log('a2')}/**deom7**/console.log('b=',b)var a=3function b(i){ console.log('a=',a) var a=4 function a(){ console.log('fun a') } console.log('a=',a)}b()/**demo8**/console.log('a=',a) //a= function a(){ console.log('fun a')}var a=2function a(){ console.log('fun a')}console.log('a=',a) // a=2var a=3var a=4var a=5console.log('a=',a) // a=5/**demo9**/console.log('a=',a) //Uncaught ReferenceError: a is not definedlet a=4/****/<!--demo10-->console.log('b=',b) // Uncaught ReferenceError: b is not definedconst b=5
新聞熱點
疑難解答
圖片精選