前端规范

Posted 2020-06-10

前端规范

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)