簡介
“變量提升”意味著變量和函數的聲明會在物理層面移動到代碼的最前面,但這么說并不準確。
實際上變量和函數聲明在代碼里的位置是不會動的,而是在編譯階段被放入內存中。
聲明變量的方法
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"*/
提升規則
/**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
參考資料
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答