您当时的方位:主页 > 言语编程 > JavaScript

JS编码技巧:翻译的14天JS编写技巧

2014-11-02  

写任何编程代码,不同的开发者都会有不同的见地。但参阅一下总是好的,下面是来自 Javascript Toolbox 发布的 14条最佳JS代码编写技巧 ,Sofish翻译(1,2)。

1. 总是运用 ‘var’

在JavaScript中,变量不是大局规模的便是函数规模的,运用”var”要害词将是坚持变量简洁明了的要害。当声明一个或者是大局或者是函数级(function-level)的变量,需总是前置”var”要害词,下面的比如将着重不这样做潜在的问题。

不运用 Var 形成的问题

var i=0; // This is good - creates a global variable
function test() {
   for (i=0; i<10; i++) {
      alert("Hello World!");
   }
}
test();
alert(i); // The global variable i is now 10!

由于变量函数中变量 i 并没有运用 var 使其成为函数级的变量,在这个比如中它引用了大局变量。总是运用 var 来声明大局变量是一个许多的做法,但至关重要的一点是运用 var 界说一个函数规模的变量。下面这两个办法在功用上是相同的:

正确的函数

function test() {
   var i=0;
   for (i=0; i<10; i++) {
      alert("Hello World!");
   }
}

正确的函数

function test() {
   for (var i=0; i<10; i++) {
      alert("Hello World!");
   }
}

2. 特性检测而非浏览器检测

一些代码是写来发现浏览器版别并根据用户正运用的客户端的对其履行不同行为。这个,总的来说,是一个十分糟的实践。更好的办法是运用特性检测,在使 用一个老浏览器或许不支持的高档的特性之前,首要检测(浏览器的)是否有这个功用或特性,然后运用它。这独自检测浏览器版别来得更好,即便你知道它的性 能。你能够在 http://www.jibbering.com/faq/faq_notes/not_browser_detect.html 找到一个深化评论这个问题的文章。

比如:

if (document.getElementById) {
   var element = document.getElementById('MyId');
}
else {
   alert('Your browser lacks the capabilities required to run this script!');
}