Javascript 风格向导

序 　　大部分针对Javascript最合理的方法归纳。 类型 •　原始类型：我们可以直接使用值。　　ο　　string　　ο　　number　　ο　　boolean　　ο　　null　　ο　　undefined

1. var foo = 1,
2.     bar = foo;
4. bar = 9;
6. console.log(foo, bar); // => 1, 9

复制代码

•   复合类型：我们通过`引用`对值进行间接访问。
　　ο　　object

　　ο　　array
　　ο　　function
 

1. var foo = [1, 2],
2.     bar = foo;
4. bar[0] = 9;
6. console.log(foo[0], bar[0]); // => 9, 9

复制代码

　 
Objects •　使用{}创建对象。

1. // bad
2. var item = new Object();
4. // good
5. var item = {};

复制代码

 
•　不要使用保留字作为关键字。

1. // bad
2. var superman = {
3.   class: 'superhero',
4.   default: { clark: 'kent' },
5.   private: true
6. };
8. // good
9. var superman = {
10.   klass: 'superhero',
11.   defaults: { clark: 'kent' },
12.   hidden: true
13. };

复制代码

 
Arrays  •　使用[]创建数组

1. // bad
2. var items = new Array();
4. // good
5. var items = [];

复制代码

 •　如果你不知道数组长度，使用Array#push。

1. var someStack = [];
3. // bad
4. someStack[someStack.length] = 'abracadabra';
6. // good
7. someStack.push('abracadabra');

复制代码

 
  •　当你需要复制数组的时候，请使用Array#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();

复制代码

 
Strings •　对于字符串，我们使用单引号''。

1. // bad
2. var name = "Bob Parr";
4. // good
5. var name = 'Bob Parr';
7. // bad
8. var fullName = "Bob " + this.lastName;
10. // good
11. var fullName = 'Bob ' + this.lastName;

复制代码

 •　超过80个字符的字符串，我们使用串联符号（\），让字符串多行显示。
 •　注意：如果过度使用带串联符号的字符可能会影响到性能。

　

1. // bad
2. var errorMessage = 'This is a super long error that was thrown because of Batman. When you stop to think about how Batman had anything to do with this, you would get nowhere fast.';
4. // bad
5. var errorMessage = 'This is a super long error that \
6. was thrown because of Batman. \
7. When you stop to think about \
8. how Batman had anything to do \
9. with this, you would get nowhere \
10. fast.';
12. // good
13. var errorMessage = 'This is a super long error that ' +
14.   'was thrown because of Batman.' +
15.   'When you stop to think about ' +
16.   'how Batman had anything to do ' +
17.   'with this, you would get nowhere ' +
18.   'fast.';

复制代码

 
　　
 •　当我们在编程的时候，需要拼接出一个字符串，我们可以使用Array#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. }

复制代码

 
Functions  •　函数表达式

1. // anonymous function expression
2. var anonymous = function() {
3.   return true;
4. };
6. // named function expression
7. var named = function named() {
8.   return true;
9. };
11. // immediately-invoked function expression (IIFE)
12. (function() {
13.   console.log('Welcome to the Internet. Please follow me.');
14. })();

复制代码

 •　绝对不要在非函数块（if,while）申明一个函数。我们可以把函数申明变成一个函数表达式。

1. // bad
2. if (currentUser) {
3.   function test() {
4.     console.log('Nope.');
5.   }
6. }
8. // good
9. if (currentUser) {
10.   var test = function test() {
11.     console.log('Yup.');
12.   };
13. }

复制代码

 
 •　绝对不要把一个参数命名为arguments，arguments参数是函数作用域内给出的一个特殊变量，如果你把参数命名为arguments，那么这个参数就会覆盖它原有的特殊变量。

1. // bad
2. function nope(name, options, arguments) {
3.   // ...stuff...
4. }
6. // good
7. function yup(name, options, args) {
8.   // ...stuff...
9. }

复制代码

 
总结 　　这些很多是大家都比较清楚的，平时经常用，我只是强调一下，让大家再复习一下。 　　下一篇：Javascript 风格向导（续） 
推荐 

　
　　　
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！