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

首頁 > 語言 > JavaScript > 正文

JavaScript var聲明變量背后的原理示例解析

2024-05-06 15:52:59
字體:
來源:轉載
供稿:網友
只要是寫過點JS代碼,很簡單一個var 就完事了,那么JS編譯器背后它又發生了什么呢?在本文將為大家詳細介紹下,感興趣的朋友不要錯過

只要是寫過點JS代碼,很簡單一個var 就完事了。那對于JS編譯器背后它又發生了什么呢?那就一步步通過代碼來講起。

復制代碼 代碼如下:


x = 1;
alert(x);
var y = function() {
alert(x);
var x = 2;
alert(x);
}
y();


上面的代碼也會你答對了它會分別輸出:1,undefined,2。對于我來說,第一反應它會輸出:1,1,2。為什么第二個會輸出undefined?在上面我明確定義了一個全局變量x,為何找不到?

那是因為:js編譯器在執行這個y函數的時候,會把把它body里面的聲明變量提前到最前面進行聲明。比如:var x=2; 編譯器先會在body最前面進行var x 聲明。其實上面的代碼等同于下面的這段代碼:

復制代碼 代碼如下:


x = 1;
alert(x);
var y = function() {<BR>var x;//此時x還未賦值,所以為undefined。
alert(x);
x = 2;
alert(x);
}
y();


所以也就不難理解x=undefined的了.但是如果把var x = 2;這段代碼給刪掉,在內部它沒有進行var聲明。它會一直沿著作用域向上找,此時的x 就為全局x.
接下來再看一個更有趣的例子。

復制代碼 代碼如下:


var a = 1;
function b() {
a = 10;
return;
}
b();
alert(a);
///////////////////////////////////
var a = 1;
function b() {
a = 10;
return;
function a() {}
} b(); alert(a);


例子很簡單。第一個例子為輸出10,第二個會輸出1。這是為什么呢?況且第二個例子我都return 了。按理都應當輸出10才對呀!那時因為JS編譯器在背后作怪。
兩段代碼差別就是第二個例子多了個function a(){};便這個函數體里面什么也沒有,并且也沒有對它進行任何調用。

其實JS編譯器在背后會把function a() {}編譯成 var a=function (){}。此時對于函數內部也有一個a=10; 外面的a些也還是1;根據JS作用域。會先找內部的a,如果找不到再向上一級一級找。
最張alert(a) 就會顯示1;
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 灵川县| 武山县| 芦山县| 黄龙县| 屏边| 德格县| 富裕县| 弥勒县| 平泉县| 龙里县| 威海市| 林西县| 武穴市| 麻栗坡县| 金川县| 扶绥县| 龙山县| 常熟市| 微山县| 霍城县| 泸西县| 南川市| 舟山市| 都匀市| 东乡族自治县| 庄河市| 六安市| 溧阳市| 长岭县| 新巴尔虎右旗| 怀集县| 七台河市| 平阳县| 顺平县| 黄龙县| 大关县| 伽师县| 伽师县| 肇庆市| 通化市| 大同市|