前端规范

前端规范

JavaScript规范

参考1-JavaScript-style-guide
JavaScript-style-guide原文

摘记

1. [数组]拷贝数组使用slice()

       
       
       
       
   
        
        
        
        
   var len = items.length,
        
        
        
        
   itemsCopy = [],
        
        
        
        
   i;
        
        
        
        
   
        
        
        
        
   // bad
        
        
        
        
   for (i = 0; i < len; i++) {
        
        
        
        
    itemsCopy[i] = items[i];
        
        
        
        
   }
        
        
        
        
   
        
        
        
        
   // good
        
        
        
        
   itemsCopy = items.slice();
       
       
       
       

2. [数组]使用slice将类数组的对象转成数组

       
       
       
       
   
        
        
        
        
   function trigger(){
        
        
        
        
    var args = Array.prototype.slice.call(arguments);
        
        
        
        
    // ...
        
        
        
        
   }
       
       
       
       

3. [字符串]对字符串使用单引号''这个个人习惯吧, 用单引号少按一下shift,太长的字符串使用拼接换行

4. [字符串]使用join而不是字符串连接来构建字符串，特别是IE

       
       
       
       
   
        
        
        
        
   var items,
        
        
        
        
   messages,
        
        
        
        
   length, i;
        
        
        
        
   
        
        
        
        
   messages = [{
        
        
        
        
    state: 'success',
        
        
        
        
    message: 'This one worked.'
        
        
        
        
   },{
        
        
        
        
    state: 'success',
        
        
        
        
    message: 'This one worked as well.'
        
        
        
        
   },{
        
        
        
        
    state: 'error',
        
        
        
        
    message: 'This one did not work.'
        
        
        
        
   }];
        
        
        
        
   
        
        
        
        
   length = messages.length;
        
        
        
        
   
        
        
        
        
   // bad
        
        
        
        
   function inbox(messages) {
        
        
        
        
    items = '<ul>';
        
        
        
        
   
        
        
        
        
    for (i = 0; i < length; i++) {
        
        
        
        
    items += '<li>' + messages[i].message + '</li>';
        
        
        
        
    }
        
        
        
        
   
        
        
        
        
    return items + '</ul>';
        
        
        
        
   }
        
        
        
        
   
        
        
        
        
   // good
        
        
        
        
   function inbox(messages) {
        
        
        
        
    items = [];
        
        
        
        
   
        
        
        
        
    for (i = 0; i < length; i++) {
        
        
        
        
    items[i] = messages[i].message;
        
        
        
        
    }
        
        
        
        
   
        
        
        
        
    return '<ul><li>' + items.join('</li><li>') + '</li></ul>';
        
        
        
        
   }
       
       
       
       

5. [属性]当使用变量访问属性时，请使用中括号

6. [变量]1)总是使用var声明变量，避免污染全局命名空间;2)使用一个var以及新行声明多个变量，缩进四个空格;3)

来自为知笔记(Wiz)