收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > JS基礎入門 > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

淺析四種常見的Javascript聲明循環變量的書寫方式

Javascript中的循環變量聲明,到底應該放在哪兒?

查看圖片

習慣1:不聲明直接使用

function loop(arr) { 
 for (i = 0; i < arr.length; i++) { 
  // do something 
 } 
} 

非常危險的使用習慣,一般情況下循環變量將成為window對象上的一個屬性被全局使用,極有可能影響程序的正常邏輯實現。
需要著重提一下的是,在strict模式下,未聲明變量而直接賦值的使用方式會直接拋出異常,早就該這么做啦!引用一下ecma-262標準附錄C中的一段話:
"Assignment to an undeclared identifier or otherwise unresolvable reference does not create a property in the global object. When a simple assignment occurs within strict mode code, its LeftHandSide must not evaluate to an unresolvable Reference. If it does a ReferenceError exception is thrown (6.2.3.2)."
換言之,如果再使用未經聲明的變量的話,ReferenceError異常會被拋出。

習慣2:放在for循環初始語句塊中并反復聲明

function loop(arr) { 
 for (var i = 0; i < arr.length; i++ ){ 
  // do someting 
 } 
 // console.log(i); 
 for (var i = 0; i < arr.length; i++ ){ 
  // do something else 
 } 
} 

這種方式看似最安全規范,很多從C和Java轉到前端開發的同學都偏愛這樣的寫法,事實上,這也許是由于對Javascript中一個重要概念有所 誤解造成的——變量作用域。不同于C和Java,Javascript并不具備真正的塊級作用域,也就是說,在第一個循環結束之 后,console.log(i)并不會打印undefined或者拋出ReferenceError異常,而是會正常打印出arr.length。
當然,這樣的寫法雖然除了美觀以外意義不大,但是長久以來兼容性良好且沒有違反任何規范——ecma標準中并沒有禁止在某一個作用域內對于同一變量的重復聲明。

習慣3:在函數頂部和其他變量一起集中定義

function loop(arr) { 
 var var1; 
 var var2; 
 var i; 
 
 for (i = 0; i < arr.length; i++) { 
  // do something 
 } 
} 

這種c89-like式的變量定義方式在Javascript中幾乎無可挑剔,既不會造成Javascript支持塊級作用域的誤解,又不會污染全 局scope,還不違反任何標準和規范,主要缺點就是循環變量的聲明和循環體可能會隔開比較遠。在不借助更多代碼的前提下,除了等待各大主流瀏覽器廠商實現ECMAScript 6中的let關鍵字以外,這個問題似乎找不到更好的解決方案。

習慣4:將循環代碼封裝到IIFE中

function loop(arr) { 
 (function () { 
  for (var i = 0; i < arr.length; i++) { 
   // do something 
  } 
 })(); 
} 

最后一種習慣是前端程序員們熟悉的IIFE(Immediately-Invoked Function Expression),即立即執行函數。此種方法的主要缺點是書寫相對麻煩,且有多余的性能損耗(很小),但在兼容性、對各標準規范的遵循上表現良好。 如果不嫌麻煩,開發者可以采取這種方式。

以上就是對Javascript中四種常見循環變量定義書寫習慣的簡單介紹和分析,各有利弊,讀者可以結合自己的需求擇優使用。

Javascript中的數據類型之旅
雖然Javascript是弱類型語言,但是,它也有自己的幾種數據類型,分別是:Number、String、Boolean、Object、Udefined、Null。其中,Object屬于復雜數據類型,Object

JavaScript基本的輸出和嵌入式寫法教程
JavaScript沒有任何打印或者輸出的函數。在HTML中,JavaScript通常用于操作HTML元素。操作HTML元素如需從JavaScript訪問某個HTML元素,您可以使用document.getElement

JavaScript中字面量與函數的基本使用知識
JavaScript字面量在編程語言中,一個字面量是一個常量,如3.14。數字(Number)字面量可以是整數或者是小數,或者是科學計數(e)。3.141001123e5字符串(Strin

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
手游棋牌游戏运营
有玩时时彩赢的吗 重庆彩开奖号码查询 赌场二十一点如何必胜 赌场玩法规则 非凡6码2期计划 中信彩票网站首页 28杠生死门8个口诀 中国竞彩比分直播网 体彩6码遗漏 牛看4张牌抢庄老是输 买11选5任一有技巧吗 江苏时时票开奖结果 足球赛事直播表2016 鳄鱼网站双色球预测 北京pk10基本走势图360 炸金花百人场什么