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

首頁 > 編程 > JavaScript > 正文

js for循環(huán),為什么一定要加var定義i變量

2019-11-21 00:24:37
字體:
供稿:網(wǎng)友
譬如下面。
復(fù)制代碼 代碼如下:

for(i=0;i<10;i++){//就不寫成: var i=0
   alert(i);
}

  但是,這真的不是個好習(xí)慣,下面我就說說為什么寫Js的for循環(huán)一定要加var,否則會時不時給你帶來煩人難查的bug。
  譬如現(xiàn)在我們要實現(xiàn)這樣的功能:輸出  
  10
  20
  30
  40
  50
  60
  70
  80
  90
  100
  通過下面code實現(xiàn),WriteNumber從1到10循環(huán),每次循環(huán)調(diào)用TenTimes方法返回10倍的索引值。 
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function WriteNumber() {
for (i = 1; i <= 10; i++) {
document.write(TenTimes(i) + "<br/>")
}
}
function TenTimes(v) {
var result = 0;
alert(i);
for (i = 1; i <= 10; i++) {
result += v;
}
return result;
}
WriteNumber();
//alert(i)
</script>

  你會發(fā)現(xiàn)最終只輸出了10。大家可以用下面的代碼框運(yùn)行測試。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

關(guān)于在WriteNumber和TenTimes方法里加不加var,就是說是否聲明索引變量i有4種情況:
  第一種情況,WriteNumber和TenTimes各有1個for循環(huán),2個循環(huán)里均沒有用var聲明i索引變量。
  運(yùn)行結(jié)果:會alert出1。結(jié)果只輸出了10,不是我們所想要的。
  分析:執(zhí)行WriteNumber時,其作用域內(nèi)并沒有找到聲明過的變量i,直接對i進(jìn)行賦值,則隱式的將i聲明為全局變量,(對于函數(shù)內(nèi)部未聲明過的變量,如果給它賦值,會隱式的將它聲明為全局變量。) 循環(huán)開始,i=1,調(diào)TenTimes方法,發(fā)現(xiàn)TenTimes方法也沒有聲明過變量i ,所以TenTimes里的i就是全局變量i,就和WriteNumber的i成了同一個。 這時line9 alert出來的自然是1了。TenTimes循環(huán)了10次,使得全局的i變成了11,自然WriteNumber就不會執(zhí)行第2次循環(huán)操作了。
  驗證:如果在WriteNumber();語句后加alert(i),即取消line16的注釋,會發(fā)現(xiàn)alert出12(12=10+2個i++),證明了i此時為windows對象。
  第二種情況,WriteNumber聲明了i變量,即line3: var i=1,TenTimes未聲明i變量,即line10: i=1。
  運(yùn)行結(jié)果:line9 alert(i)處報i未定義錯誤 ,因為WriteNumber有聲明過變量i,所以沒有成為全局的i,TenTimes執(zhí)行時又沒有聲明過i,所以報未定義。若注釋掉line9,輸出結(jié)果正確。因為當(dāng)TenTimes里運(yùn)行到i=1時,隱式將i聲明是全局變量,不影響WriteNumber里的i。WriteNumber仍然會執(zhí)行10次循環(huán)。
  驗證:如果在WriteNumber();語句后加alert(i),即取消line16的注釋,會發(fā)現(xiàn)alert出11(11=10+TenTimes里的i++),證明了此時有windows.i。
  第三種情況,WriteNumber沒有聲明i變量,即line3: i=1,TenTimes聲明了i變量,即line10: var i=1。
  運(yùn)行結(jié)果:彈出10個undefined。因為WriteNumber未聲明i,隱式將i聲明是全局變量,而TenTimes有聲明過變量i(補(bǔ)充一句,對于變量的聲明都是在預(yù)編譯中進(jìn)行的),所以line9 alert(i)里的i不是windows.i,而是TenTimes聲明的變量i,此時當(dāng)然是undefined了。同時,發(fā)現(xiàn)輸出結(jié)果正確,因為TenTimes的i不會影響WriteNumber的全局i,WriteNumber仍然是執(zhí)行了10次循環(huán)。
  第四種情況:WriteNumber和TenTimes均用var聲明了i。
  運(yùn)行結(jié)果:注釋掉line9,不說了,好習(xí)慣,結(jié)果當(dāng)然完美。
  雖然第二、三種情況輸出結(jié)果是正確的,但是對i的使用很混亂,應(yīng)該算是運(yùn)氣導(dǎo)致結(jié)果正確,因為剛好1個是window.i,一個是函數(shù)內(nèi)部的私有變量i,使得沒有沖突。
此文雖然講的是寫for循環(huán)為什么一定要加var,但其實講的是變量的作用域(或者說變量的生命周期)。理解之后,下面的2段code運(yùn)行結(jié)果你應(yīng)該能準(zhǔn)確說出答案吧。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

Ps:說道coding的好習(xí)慣,想起了這個:if(a==3) 應(yīng)該寫成if(3==a) 。因為我們常會把==寫成1個=,如果把變量寫在右邊時只寫了1個=,就會報編譯錯誤,這樣就能及時發(fā)現(xiàn)錯誤。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 曲水县| 新野县| 桑植县| 横山县| 靖江市| 霍城县| 陆丰市| 银川市| 宣武区| 武定县| 定边县| 息烽县| 华亭县| 琼中| 肃北| 古田县| 沾化县| 青龙| 江川县| 营口市| 醴陵市| 赤城县| 衡南县| 武隆县| 贺州市| 乌拉特前旗| 靖远县| 岳阳市| 扎赉特旗| 宜兴市| 宁海县| 平顺县| 武鸣县| 赣州市| 安顺市| 牟定县| 长武县| 昭通市| 濮阳县| 塔河县| 古交市|