《javascript模式--by Stoyan Stefanov》书摘--基本技巧

一、基本技巧

1，变量释放的副作用

a、使用var创建的全局变量（在函数外部创建）不能删除。

b、不使用var创建的隐含全局变量（尽管在函数内部创建）可以删除。

//    定义三个全局变量
var global_var  = 1;
global_novar = 2;            // 反模式
(function(){
      global_fromfunc = 3;    //  反模式
}())
  
 //  企图删除
delete global_var;   //  false
delete global_novar;   //  true
delete global_fromfunc;   // true
 
//  测试删除情况
typeof global_var;    //  "number"
typeof global_novar;    //  "undefined"
typeof global_var;    //  "undefined"

 在ES5 stick模式中，没有声明的变量赋值会报出错误（如上两种反模式）

 

2、只使用一个var并初始化为变量赋初值（提供一个单一的地址以查找函数需要的所有局部变量）

 

3、for循环

优化操作原因：

a、使用了最少的变量

b、逐步减至0，这样通常更快，因为同0比较比同数组的长度比较，或同非0数组比较更有效率

//   优化前
function () {
    var i = 0,
         max ,
         myarray = [];
  //    ....
    for ( i = 0, max = myarray.length, i < max; i++ ) {
        //  处理  myarray[i]
    }
}        

//  优化后 

var i , myarray = [];
for ( i = myarray.length; i-- ) {
    //处理  myarray[i]
}

//优化后  使用while循环

var myarray = [],
      i = myarray.length;
while ( i--) {
    //处理  myarray[i]
}

 

4、for-in循环(调用函数)

var i,
      hasOwn = Object.prototype.hasOwnProperty;
for ( i in man ) {
    if ( hasOwn.call( man, i ) ) {
        console.log(i, ":", man[i]);
    }  
}

 

5、内置的原型

if ( typeof Object.prototype.myMethod !== "function" ) {
    Object.prototype.myMethod = function (){
        // todo 
    }
}

 

6、避免使用eval(类似的还有setInterval(), setTimeout(), function())

 

//  反模式
var property = "name";
alert(eval( "obj." + property));

//  推荐的方法
var property = "name";
alert(obj[property]);

//  反模式
setTimeout("myFunc()", 1000);
setTimeout("myFunc(1, 2, 3)", 1000);

//  推荐的模式
setTimeout(myFunc(), 1000);
setTimeout(function () {
    myFunc(1, 2, 3)
}, 1000);

 

 

7、转换字符为数字

//   parseInt()必须指定进制参数，否则遇到以0开头的解析为八进制
var month = "06",
      year = "09";
month = parseInt(month, 10);
year = parseInt(year, 10);

//    另外一个字符串转换为数值的方法
+"08"               //结果是8
Number("08")    //8
//  这样更快，但如果有字符就只能用parseInt(),其他都会失败并返回NaN

 

8、开放的大括号的位置（应放在前面语句同一行）

//   警告：夫预期的返回值 
function func () {
      return
      {
             name : "finder"     
      };
}

//  等价于下面的形式
//   警告：夫预期的返回值 
function func () {
      return undefined;
    //  并未访问到接下来的代码
      {
             name : "finder"     
      };
}

//  总上，推荐以下写法
function func () {
      return {
             name : "finder"     
      };
}

 

9、空格

a、在函数中使用大括号开始符之前，例如if-else语句，循环语句和对象字面量等。

b、在大括号结束符和else或while之间

 

10、命名约定

a、构造函数首字母大写

b、使用下划线约定的变量：

• 使用下划线说明是私有变量
• 使用一个下划线标识受保护属性，使用两个下划线标识私有属性。
• Firefox有一个属性，__proto__and__parent__

 

11、编写API文档

YUIDoc(Yahoo! User Interface )系统是一个和语言无关的系统，它仅仅解析注释的部分，而不解析javascript代码，缺点在于不得不在注释中声明属性名，参数名和方法名，例如@property first_name.而优点在于一旦适应了使用该系统进行注释，就可以使用该系统为任何其他语言的代码编写注释。

 

12、编写可读性强的代码

 

13、同行互查(cvs/svn/git)

 

14、在正式发布时精简代码

工具：YUICompress/Closure Compiler

 

15、运行JSLint

由javascript编写，可以作为 web工具使用，也可以下载下来并使用WSH(Windows Scripting Host)、JSC(Mac OSX的javascriptCore)、Rhino(Mozilla推出的javascript解析器)以在本地运行。