国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解javascript 變量提升(Hoisting)

2019-11-19 12:00:35
字體:
來源:轉載
供稿:網友

簡介

“變量提升”意味著變量和函數的聲明會在物理層面移動到代碼的最前面,但這么說并不準確。

實際上變量和函數聲明在代碼里的位置是不會動的,而是在編譯階段被放入內存中。

聲明變量的方法

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

參考資料

MDN

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 师宗县| 延安市| 金川县| 辽宁省| 达孜县| 尉氏县| 潢川县| 新和县| 曲周县| 砀山县| 红河县| 盐源县| 页游| 商丘市| 南康市| 兰溪市| 呈贡县| 民勤县| 中江县| 许昌市| 象山县| 武威市| 淳安县| 台北市| 葫芦岛市| 石渠县| 合肥市| 肃北| 南阳市| 陇南市| 临邑县| 贵州省| 灵宝市| 深州市| 普陀区| 清水县| 潞西市| 北川| 西峡县| 梓潼县| 新邵县|