前端规范

JavaScript规范

摘记

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

   1. var len = items.length,
   2. itemsCopy = [],
   3. i;
   5. // bad
   6. for (i = 0; i < len; i++) {
   7. itemsCopy[i] = items[i];
   8. }
   10. // good
   11. itemsCopy = items.slice();

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

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

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

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

   1. var items,
   2. messages,
   3. length, i;
   5. messages = [{
   6. state: 'success',
   7. message: 'This one worked.'
   8. },{
   9. state: 'success',
   10. message: 'This one worked as well.'
   11. },{
   12. state: 'error',
   13. message: 'This one did not work.'
   14. }];
   16. length = messages.length;
   18. // bad
   19. function inbox(messages) {
   20. items = '<ul>';
   22. for (i = 0; i < length; i++) {
   23. items += '<li>' + messages[i].message + '</li>';
   24. }
   26. return items + '</ul>';
   27. }
   29. // good
   30. function inbox(messages) {
   31. items = [];
   33. for (i = 0; i < length; i++) {
   34. items[i] = messages[i].message;
   35. }
   37. return '<ul><li>' + items.join('</li><li>') + '</li></ul>';
   38. }

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

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