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

首頁 > 語言 > JavaScript > 正文

詳解javascript 變量提升(Hoisting)

2024-05-06 15:41:44
字體:
來源:轉載
供稿:網友

簡介

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

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

聲明變量的方法

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            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 基隆市| 西畴县| 根河市| 高台县| 瓮安县| 陇西县| 奈曼旗| 务川| 山东| 临澧县| 吴旗县| 师宗县| 陇南市| 洪江市| 启东市| 昌吉市| 稷山县| 中山市| 嘉黎县| 中方县| 阆中市| 肥乡县| 鄱阳县| 资源县| 长宁县| 溆浦县| 齐河县| 邓州市| 昌乐县| 丹凤县| 永年县| 浮山县| 宣化县| 定兴县| 招远市| 德阳市| 神木县| 广德县| 汝阳县| 磴口县| 大埔县|