哪个网站设计素材多,郑州上海做网站的公司有哪些,wordpress 内部错误,移动端cpu天梯图2024不放走任何一个细节。相信很多Javascript开发者都在声明循环变量时犹 豫过var i到底应该放在哪里#xff1a;放在不同的位置会对程序的运行产生怎样的影响#xff1f;哪一种方式符合Javascript的语言规范#xff1f;哪一种方式和ecma标准未来的发展 方向匹配#xff1f;本文… 不放走任何一个细节。相信很多Javascript开发者都在声明循环变量时犹 豫过var i到底应该放在哪里放在不同的位置会对程序的运行产生怎样的影响哪一种方式符合Javascript的语言规范哪一种方式和ecma标准未来的发展 方向匹配本文将对四种常见的声明循环变量的书写方式进行简单的分析和比较。 习惯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和JavaJavascript并不具备真正的块级作用域也就是说在第一个循环结束之 后console.log(i)并不会打印undefined或者抛出ReferenceError异常而是会正常打印出arr.length。 当 然这样的写法虽然除了美观以外意义不大但是长久以来兼容性良好且没有违反任何规范——ecma标准中并没有禁止在某一个作用域内对于同一变量的重复声 明。不仅如此其实这里还有一个另外好消息在ECMAScript 6中一个新的为支持真正的块级作用域而生的关键字出现了——let。这里放一个传送门有兴趣的同学可以自行了解https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let 习惯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 } })(); } 最后一种习惯是前端程序员们熟悉的IIFEImmediately-Invoked Function Expression即立即执行函数。此种方法的主要缺点是书写相对麻烦且有多余的性能损耗很小但在兼容性、对各标准规范的遵循上表现良好。 如果不嫌麻烦开发者可以采取这种方式。 以上就是对Javascript中四种常见循环变量定义书写习惯的简单介绍和分析各有利弊读者可以结合自己的需求择优使用。应该说在 ECMAScript 6之前并没有一种定义循环变量的完美解决方案。好在ECMAScript标准委员会也及时发现了这个问题让我们一起期待let关键字吧。 作者ralph_zhu 来源51CTO
