翼度科技»论坛 编程开发 JavaScript 查看内容

JavaScript编码风格指南

4

主题

4

帖子

12

积分

新手上路

Rank: 1

积分
12
  1. sidebar: auto
  2. sidebarDepth: 4
复制代码
JavaScript编码风格指南

内容出处:
源文件基础

命名

文件名必须全部小写,并且可以包含下划线(_)或短划线(-),但不包含其他标点符号。
基本的格式化

留白

在逻辑相关的代码块之间添加空行可以提高代码的可读性。
两行空行仅限在如下情况中使用:

  • 在不同的源代码文件之间。
  • 在类和接口定义之间。
单行空行仅限在如下情况中使用:

  • 方法之间。
  • 方法中局部变量和第一行语句之间。
  • 多行或者单行注释之前。
  • 方法中逻辑代码块之间以提升代码的可读性。
空格应当在如下情况中使用:

  • 关键词后跟括号(()的情况应当使用空格隔开。
  • 参数列表中逗号(,)后应当保留一个空格。
  • 所有的除了点(.)之外的二元运算符,其操作数都应当用空格隔开。单目运算符的操作
    数之间不应该用空格隔开,如一元减号、递增(++)、递减(--)。
  • for语句中的表达式之间应当用空格隔开。
缩进层级

每一行的层级由4个空格组成,避免使用制表符(Tab)进行缩进。使用空格缩进在所有
的系统和编辑器中,文件的展现格式不会有任何差异。
  1. // 好的写法:使用四个空格缩进
  2. if (true) {
  3.     doSomething();
  4. }
复制代码
语句结尾

推荐总是使用分号。
  1. // 合法代码
  2. var name = "Nicholas";
  3. function sayName() {
  4.     alert(name);
  5. }
  6. // 合法代码,但不推荐这样写
  7. var name = "Nicholas"
  8. function sayName() {
  9.     alert(name)
  10. }
复制代码
行的长度

每行长度不应该超过80个字符,如果一行多于80个字符,应该在一个运算符(逗号,加
号等)后换行,下一行应当增加二级缩进(8个字符)。
  1. // 好的写法
  2. doSomething(argument1, argument2, argument3, argument4,
  3.         argument5);
  4. // 不好的写法:第二行只有四个空格的缩进
  5. doSomething(argument1, argument2, argument3, argument4,
  6.     argument5);
  7. // 不好的写法:在运算符之前换行
  8. doSomething(argument1, argument2, argument3, argument4
  9.     , argument5);
复制代码
命名

变量和函数在命名时应当小心。命名仅限于数字字母字符,某些情况下也可以使用下划线。
最好不要在任何命名中使用美元($)或者反斜杠(\)。
遵照驼峰式大小写命名法。驼峰式大小写命名法是由小写字母开始,后续每个单词首字
母都大写。
  1. // 好的写法:使用驼峰式命名法
  2. var thisIsMyName;
  3. var anotherVariable;
  4. var aVeryLongVariableName;
复制代码
变量和函数

变量名应当总是遵循驼峰大小写命名法,并且变量命名前缀应当是名词,函数名前应当是动词
这样可以将变量与函数区分开来。
  1. // 好的写法
  2. var count = 10;
  3. var myName = "badfl";
  4. var found = true;
  5. // 不好的写法:变量看起来像函数
  6. var getCount = 10;
  7. var isFound = true;
  8. // 好的写法
  9. function getName() {
  10.     return myName;
  11. }
  12. // 不好的写法:函数看起来像变量
  13. function theName() {
  14.     return myName;
  15. }
复制代码
一些使用动词常见的约定:
动词含义can函数返回一个布尔值has函数返回一个布尔值is函数返回一个布尔值get函数返回一个非布尔值set函数用来保存一个值
  1. // 好的命名
  2. if (isEnabled()) {
  3.     setName("badfl");
  4. }
  5. if (getName() === "badfl") {
  6.     doSomething();
  7. }
复制代码
构造函数:通过new运算符创建新对象的函数。应当以驼峰格式命名并且首字符大写。构造函数名称应当以非动词开头,因为new代表着创建一个对象实例的操作。
  1. // 好的写法
  2. function MyObject() {
  3.     // 代码
  4. }
  5. // 不好的写法:小写字母开头
  6. function myObject() {
  7.     // 代码
  8. }
  9. // 不好的写法:使用下划线
  10. function My_Object() {
  11.     // 代码
  12. }
  13. // 不好的写法:动词开头
  14. function getMyObject() {
  15.     // 代码
  16. }
复制代码
常量

区分普通的变量和常量,常量使用大写字母下划线(_)来命名,下划线(_)用以分割单词。
  1. // 好的写法
  2. var MAX_COUNT = 10;
  3. var TOTAL_COUNT = 10;
  4. var URL = "http://www.badfl.com";
  5. // 不好的写法:驼峰形式
  6. var totalCount = 10;
  7. // 不好的写法:混合形式
  8. var total_COUNT = 10;
复制代码
运算符间距

二元运算符(&&和||)前后必须使用一个空格来保持表达式的整洁。操作符包括赋值运算符和逻辑运算符。
  1. // 好的写法
  2. var found = (values[i] === item);
  3. // 好的写法
  4. if (found && (count > 10)) {
  5.     doSomething();
  6. }
  7. // 好的写法
  8. for (i = 0; i < count; i++) {
  9.     process(i);
  10. }
  11. // 不好的写法:丢失了空格
  12. var found = (values[i]===item);
  13. // 不好的写法:丢失了空格
  14. if (found&&(count>10)) {
  15.     doSomething();
  16. }
  17. // 不好的写法:丢失了空格
  18. for (i=0; i<count; i++) {
  19.     process(i);
  20. }
复制代码
直接量

JavaScript中包含了一些类型的原始值:String、Number、Boolean、null、undefined。
同样也包含对象直接量和数组直接量。这其中,只有布尔值是自解释的,其他的类型或多或少
都需要思考一下它们如何才能精确地表示出来。
字符串

字符串应当始终使用单引号(避免使用双引号,需要转义的时候可以使用)且保持一行。避免在字符串中使用斜线
另起一行。
  1. // 好的写法
  2. var found = (values[i] === item);
  3. // 好的写法
  4. if (found && (count > 10)) {
  5.     doSomething();
  6. }
  7. // 好的写法
  8. for (i = 0; i < count; i++) {
  9.     process(i);
  10. }
  11. // 不好的写法:左括号之后有额外的空格
  12. var found = ( values[i] === item);
  13. // 不好的写法:右括号之前有额外的空格
  14. if (found && (count > 10) ) {
  15.     doSomething();
  16. }
  17. // 不好的写法:参数两边有额外的空格
  18. for (i = 0; i < count; i++) {
  19.     process( i );
  20. }
复制代码
数字

数字应当使用十进制整数,科学计数法表示整数、十六进制整数或者十进制浮点小数,小数前后应该至少保留一位数字。避免使用八进制直接量。
  1. // 好的写法
  2. var name = 'Badfl';
  3. // 好的写法:需要转义的时候,可以使用双引号
  4. var el = $("")
  5. // 不好的写法:单引号
  6. var name = "Badfl";
  7. // 不好的写法:字符串结束之前换行
  8. var longString = '这是一个很长的故事,很长很长的故事 \
  9. 换行以后的文字';
复制代码
null

特殊值null除了下列情况下应当避免使用。

  • 用来初始化一个变量,这个变量可能被赋值为一个对象。
  • 用来和一个已经初始化的变量比较,这个变量可以是也可以不是一个对象。
  • 当函数的参数期望是对象时,被用做参数传入。
  • 当函数的返回值期望是对象时,被用做返回值传出。
下面一些场景不应该使用null。

  • 不要使用null来检测是否传入了某个参数。
  • 不要用null来检测一个未初始化的变量。
  1. // 好的写法
  2. var count = 10;
  3. // 好的写法
  4. var price = 10.0;
  5. var price = 10.00;
  6. // 好的写法
  7. var num = 0xA2;
  8. // 好的写法
  9. var num = le23;
  10. // 不好的写法:十进制数字以小数点结尾
  11. var price = 10.;
  12. // 不好的写法:十进制数字以小数点开头
  13. var price = .1;
  14. // 不好的写法:八进制(base 8)写法已经废弃
  15. var num = 010;
复制代码
undefined

undefined是一个特殊值。没有被初始化的变量都有一个初始值,即undefined,表示这个
变量等待被赋值。尽量避免使用特殊值undefined。判断一个变量是否定义应当使用typeof
操作符。
  1. // 好的用法
  2. var person = null;
  3. // 好的用法
  4. function getPerson(){
  5.     if (condition) {
  6.         return new Person("badfl");
  7.     } else {
  8.         return null;
  9.     }
  10. }
  11. // 好的用法
  12. var person = getPerson();
  13. if (person != null) {
  14.     doSomething();
  15. }
  16. // 不好的写法:用来和未初始化的变量比较
  17. var person;
  18. if (person != null) {
  19.     dosomething();
  20. }
  21. // 不好的写法:检测是否传入了参数
  22. function doSomething(arg1, arg2, arg3, arg4) {
  23.     if (arg4 != null) {
  24.         doSomethingElse();
  25.     }
  26. }
复制代码
对象直接量

创建对象最流行的一种做法是使用对象直接量,在直接量中写出所有属性,这种方式可以取
代显示地创建Object的实例然后添加属性的这种做法。
  1. // 好的写法
  2. if (typeof variable == "undefined") {
  3.     // do something
  4. }
  5. // 不好的写法:使用undefined直接量
  6. if (variable == undefined) {
  7.     // do something
  8. }
复制代码
对象直接量应当使用如下格式:

  • 起始左花括号({)应当同表达式保持同一行。
  • 每个属性的名值对应应当保持一个缩进,第一个属性应当在左花括号({)后另起一行。
  • 每个属性的名值对应当使用不包含引号的属性名,其后紧跟一个冒号(之前不包含空格),
    加个空格,而后是值。
  • 倘若属性值是函数类型,函数体应当在属性名之下另起一行,而且其前后均应保留一个空行。
  • 一组相关的属性前后可以插入空行以提升代码的可读性。
  • 结束的右花括号(})应当独占一行。
  1. // 好的写法
  2. var book = {
  3.     title: "badfl title",
  4.     author: "badfl"
  5. };
  6. // 不好的写法
  7. var book = new Object();
  8. book.title = "badfl title";
  9. book.author = "badfl";
复制代码
当对象字面量作为函数参数时,如果值是变量,起始花括号应当同函数名在同一行。所有其余
先前规则同样适用。
  1. // 好的写法
  2. var object = {
  3.     key1: value1,
  4.     key2: value2,
  5.     func: function() {
  6.         // 函数操作
  7.     },
  8.     key3: value3
  9. }
  10. // 不好的写法:不恰当的缩进
  11. var object = {
  12.                 key1: value1,
  13.                 key2: value2
  14.             }
  15. // 不好的写法:函数体周围缺少空行
  16. var object = {
  17.     key1: value1,
  18.     key2: value2,
  19.     func: function() {
  20.         // 函数操作
  21.     },
  22.     key3: value3
  23. }
复制代码
数组直接量

和对象直接量类似,数组直接量是JavaScript中定义数组最简洁的一种方式。不赞成显式
地使用Array构造函数来创建数组,比如:
  1. // 好的写法
  2. doSomething({
  3.     key1: value1,
  4.     key2: value2
  5. })
  6. // 不好的写法:所有代码在同一行
  7. doSomething({ key1: value1,key2: value2 })
复制代码
可以使用二个方括号([])将数组初始元素括起来,来替代使用Array构造函数的方式来创建数组。
  1. // 不好的写法
  2. var colors = new Array("red", "green", "blue");
  3. var numbers = new Array(1, 2, 3, 4, 5);
复制代码
注释

频繁地使用注释有助于他人理解你的代码。如下情况应当使用注释:

  • 代码晦涩难懂。
  • 可能被认为错误的代码
  • 必要但并不明显的针对特定浏览器的代码。
  • 对于对象、方法或者属性,生成文档是有必要的(使用恰当的文档注释)。
单行注释

单行注释应当用来说明一行代码或者一组相关的代码。单行注释应保持以下风格:

  • 双斜线后敲入一个空格,且缩进与层级与下一行代码保持一致。
  • 注释之前总有一个空行。
  • 在代码行尾部的注释。代码结束到注释之间至少有一个缩进。
单行注释可能有三种使用方式:

  • 独占一行的注释,用来结束下一行代码。
  • 在代码行的尾部的注释,用来解释它之前的代码。
  • 多行,用来注释掉一个代码块。
  1. // 好的做法
  2. var colors = [ "red", "green", "blue" ];
  3. var numbers = [ 1, 2, 3, 4, 5 ];
复制代码
对于代码行尾单行注释的情况,应确保代码结尾同注释之间至少一个缩进。
  1. // 好的写法
  2. if (condition) {
  3.     // 如果代码执行到这里,则表明通过了所有的安全检查
  4.     allowed();
  5. }
  6. // 不好的写法:注释之前没有空行
  7. if (condition) {
  8.     // 如果代码执行到这里,则表明通过了所有的安全检查
  9.     allowed();
  10. }
  11. // 不好的写法:错误的缩进
  12. if (condition) {
  13. // 如果代码执行到这里,则表明通过了所有的安全检查
  14.     allowed();
  15. }
  16. // 不好的写法:这里应当使用多行注释
  17. // 接下来的代码非常复杂
  18. // 我要详细的说明一下
  19. if (condition) {
  20.     // 如果代码执行到这里,则表明通过了所有的安全检查
  21.     allowed();
  22. }
复制代码
注释一个代码块时连续使用单行注释是唯一可以接受的情况。多行注释不应当在这种情况下使用。
  1. // 好的写法
  2. var result = something + somethingElse; // 一个代码行尾的注释
  3. // 不好的写法:代码和注释之间没有足够的空格
  4. var result = something + somethingElse;// 一个代码行尾的注释
复制代码
多行注释

多行注释应当在代码需要更多文字去解释的时候使用。每个多行注释都至少有如下三行。

  • 首行仅仅包括/*注释开始。该行不应当有其他文字。
  • 接下来的行以*开头并保持左对齐。这些行可以有文字描述。
  • 最后一行以*/开头并同先前行保持对齐。也不应当有其他文字。
    多行注释的首行应当保持同它描述代码的相同层次的缩进。后续每行应当有同样层次的缩进
    并附加一个空格(为了适当保持*字符的对齐)。每一个多行代码之前应当预留一个空行
  1. // 好的写法
  2. // if (condition) {
  3. //     doSomething();
  4. //     thenDoSomethingElse();
  5. // }
复制代码
语句和表达式

简单语句

每一行最多只包含一条语句。所有简单的语句都应该以分号(;)结束。
  1. // 好的写法
  2. if (condition) {
  3.     /*
  4.      * 如果代码执行到这里
  5.      * 说明通过了所有的安全检测
  6.      */
  7.     allowed();
  8. }
  9. // 不好的写法:注释之前无空行
  10. if (condition) {
  11.     /*
  12.      * 如果代码执行到这里
  13.      * 说明通过了所有的安全检测
  14.      */
  15.     allowed();
  16. }
  17. // 不好的写法:星号后面没有空格
  18. if (condition) {
  19.     /*
  20.      *如果代码执行到这里
  21.      *说明通过了所有的安全检测
  22.      */
  23.     allowed();
  24. }
  25. // 不好的写法:错误的缩进
  26. if (condition) {
  27. /*
  28. * 如果代码执行到这里
  29. * 说明通过了所有的安全检测
  30. */
  31.     allowed();
  32. }
  33. // 不好的写法:代码尾部注释不要使用多行注释格式
  34. var result = something + somethingEles; /*somethingElse 不应当取值为null*/
复制代码
返回语句

返回语句当返回一个值的时候不应当使用圆括号包裹,除非在某些情况下这么做可以让返回值更容易理解。
  1. // 好的写法
  2. count++;
  3. a = b;
  4. // 不好的写法:多个表达式写在一行
  5. count++; a = b;
复制代码
复合语句

复合语句是大括号括起来的语句列表。复合语句应该保持以下风格:

  • 括起来的语句应当较复合语句多缩进一个层级。
  • 开始的大括号应当在复合语句所在行的末尾;结束的大括号应当独占一行且同复合语句的开始保持同样的缩进。
  • 当语句是控制结构的一部分时,诸如if或者for语句,所有语句都需要用大括号括起来,也包括单个语句。这个约定使得我们更方便地添加语句而不用担心忘记加括号而引起bug。
  • 像if一样的语句开始的关键词,其后应该紧跟一个空格,起始大括号应当在空格之后。
if 语句

if语句应当是下面的格式
  1. // 好的写法
  2. return;
  3. return collection.size();
  4. return (size > 0 ? size : defaultSize);
复制代码
绝不允许在if语句中省略花括号,else关键字要与花括号保持在同一行。
  1. // if语句格式
  2. if (condition) {
  3.     statements
  4. }
  5. if (condition) {
  6.     statements
  7. } else {
  8.     statements
  9. }
  10. if (condition) {
  11.     statements
  12. } else if {
  13.     statements
  14. } else {
  15.     statements
  16. }
复制代码
for 语句

for类型的语句应当是下面的格式。
  1. // 好的写法
  2. if (condition) {
  3.     doSomething();
  4. }
  5. // 好的写法:else关键字与花括号保持在同一行
  6. if (condition) {
  7.     doSomething();
  8. } else {
  9.     doSomethingElse();
  10. }
  11. // 不好的写法:不恰当的空格
  12. if(condition){
  13.     doSomething();
  14. }
  15. // 不好的写法:else关键词换行
  16. if (condition) {
  17.     doSomething();
  18. }
  19. else
  20. {
  21.     doSomethingElse();
  22. }
  23. // 不好的写法:遗漏花括号
  24. if (condition)
  25.     doSomething();
  26. // 不好的写法:所有代码写在一行
  27. if (condition) { doSomething(); }
  28. // 不好的写法:所有代码写在一行且没有花括号
  29. if (condition) doSomething();
复制代码
for语句的初始化部分不应当有变量声明。
  1. // for语句格式
  2. for (initialization; condition; update) {
  3.     statements
  4. }
  5. for (variable in object) {
  6.     statements
  7. }
复制代码
for-in循环是用来对实例对象和原型链中的键(key)做遍历的,而不是用来遍历包含数字索引的数组。
  1. // 好的写法
  2. var i,
  3.     len;
  4. for (i=0, len=10; i < len; i++) {
  5.     // 代码
  6. }
  7. // 不好的写法:初始化时候声明变量
  8. for (var i=0, len=10; i < len; i++) {
  9.     // 代码
  10. }
  11. // 不好的写法:初始化时候声明变量
  12. for (var prop in object) {
  13.     // 代码
  14. }
复制代码
当使用for-in语句时,使用hasOwnProperty()进行双重检查来过滤出对象的成员。
  1. // 好的写法
  2. var prop;
  3. for (prop in object) {
  4.     console.log("Property name is "+ prop);
  5.     console.log("Property value is " + object[prop]);
  6. }
  7. // 不好的用法
  8. var values = [ 1, 2, 3, 4, 5, 6, 7],
  9.     i;
  10. for (i in values) {
  11.     process(items[i]);
  12. }
复制代码
while 语句

while类的语句应当是下面的格式。
  1. // 好的写法
  2. var prop;
  3. for (prop in object) {
  4.     if (object.hasOwnProperty(prop)) {
  5.         console.log("Property name is "+ prop);
  6.         console.log("Property value is " + object[prop]);
  7.     }
  8. }
  9. // 好的写法:包含原型链遍历应当补充注释
  10. var prop;
  11. for (prop in object) { // 包含原型链的遍历
  12.     console.log("Property name is "+ prop);
  13.     console.log("Property value is " + object[prop]);
  14. }
复制代码
do 语句

do类的语句应当是下面的格式。
  1. while (condition) {
  2.     statements
  3. }
复制代码
switch 语句

switch类的语句应当是如下格式。
  1. do {
  2.     statements
  3. } while (condition);
复制代码
switch下的每个case都应该保持一个缩进。除第一个之外包括default在内每一个
case都应当在之前保持一个空行。
每一组语句(除了default)都应当以break、return、throw结尾,或者用一行
注释表示跳过。
  1. switch (expression) {
  2.     case expression:
  3.         statements
  4.     default:
  5.         statements
  6. }
复制代码
如果一个switch语句不包含default情况,应当用一行注释代替。
  1. // 好的写法
  2. switch (value) {
  3.     case 1:
  4.         /* 跳过 */
  5.     case 2:
  6.         doSomething();
  7.         break;
  8.     case 3:
  9.         return true;
  10.     default:
  11.         throw new Error("This shouldn't happen.");
  12. }
复制代码
不要定义重复的case分支
  1. // 好的写法
  2. switch (value) {
  3.     case 1:
  4.         /* 跳过 */
  5.     case 2:
  6.         doSomething();
  7.         break;
  8.     case 3:
  9.         return true;
  10.     // 没有default
  11. }
复制代码
try 语句

try类的语句应当格式如下。
  1. // 不好的写法:重复定义case分支
  2. switch (value) {
  3.     case 1:
  4.         doSomething();
  5.         break;
  6.     case 1:
  7.         doSome();
  8.         break;
  9.     case 3:
  10.         return true;
  11. }
复制代码
变量、函数和运算符

变量声明

所有的变量在使用前都应当事先定义,变量定义应当放在函数开头,每个var关键字单独声
明一个变量,每行一个变量。不要声明无用的变量。
变量定义时应当初始化。初始化的变量应当在未初
始化变量之前
  1. try {
  2.     statements
  3. } catch (variable) {
  4.     statements
  5. }
  6. try {
  7.     statements
  8. } catch (variable) {
  9.     statements
  10. } finally {
  11.     statements
  12. }
复制代码
函数声明

函数应当在使用前提前定义。一个不是作为方法的函数(也就是说没有作为一个对象的属性)
应当使用函数定义的格式(不是函数表达式和Function构造器格式)。

  • 函数名和开始圆括号之间不应当有空格。
  • 结束的圆括号和右边的花括号之间应该保留一个空格
  • 右侧的花括号应当同function关键字保持同一行。
  • 开始和结束圆括号之间不应该有空格。
  • 参数名之间应当在逗号后保留一个空格。
  • 函数体应当保持一级缩进。
  1. // 好的写法
  2. var count = 10;
  3. var name  = "badfl";
  4. var found = false;
  5. var empty;
  6. // 不好的写法:一个var声明多个变量
  7. var count = 10,
  8.     name  = "badfl",
  9.     found = false,
  10.     empty;
  11. // 不好的写法:多个定义写在一行
  12. var count = 10, name  = "badfl",
  13.     found = false, empty;
复制代码
其他函数内部定义的函数应当在var语句后立即定义。
  1. // 好的写法
  2. function doSomething(arg1, arg2) {
  3.     return arg1 + arg2;
  4. }
  5. // 不好的写法:第一行不恰当的空格
  6. function doSomething (arg1, arg2){
  7.     return arg1 + arg2;
  8. }
  9. // 不好的写法:函数表达式
  10. var doSomething = function(arg1, arg2) {
  11.     return arg1 + arg2;
  12. };
  13. // 不好的写法:左侧的花括号位置不对
  14. function doSomething(arg1, arg2)
  15. {
  16.     return arg1 + arg2;
  17. }
  18. // 错误的写法:使用了Function构造器
  19. var doSomething = new Function("arg1", "arg2", "return arg1 + arg2");
复制代码
匿名函数可能作为方法赋值给对象,或者作为其他函数的参数。function关键字同开始括
号之间不应有空格。
  1. // 好的写法
  2. function outer() {
  3.     var count = 10,
  4.         name  = "badfl",
  5.         found = false,
  6.         empty;
  7.     function inner() {
  8.         // 代码
  9.     }
  10.     // 调用 inner() 的代码
  11. }
  12. // 不好的写法:inner函数的定义先于变量
  13. function outer() {
  14.     function inner() {
  15.         // 代码
  16.     }
  17.     var count = 10,
  18.         name  = "badfl",
  19.         found = false,
  20.         empty;
  21.     // 调用 inner() 的代码
  22. }
复制代码
函数声明不应当出现在语句块之内。比如,这段代码就不会按照我们的意图来执行(在不同的
浏览器运行效果不相同,不管condition的计算结果如何,大多数浏览器会执行第二个声明)。
  1. // 好的写法
  2. object.method = function() {
  3.     // 代码
  4. }
  5. // 不好写法:不正确的空格
  6. object.method = function () {
  7.     // 代码
  8. }
复制代码
函数调用间隔

函数调用时,在函数名和左括号之间没有空格。这样做是为了将它与块语句区分开来
  1. // 不好的写法
  2. if (condition) {
  3.     function doSomething() {
  4.       alert("Hi!");
  5.     }
  6.     doSomething();
  7. } else {
  8.     function doSomething() {
  9.       alert("Yo!");
  10.     }
  11.     doSomething();
  12. }
复制代码
立即调用的函数

立即被调用的函数应当在函数调用的外层使用圆括号包裹。
  1. // 好的写法
  2. doSomething(item);
  3. // 不好的写法:看起来像一个块语句
  4. doSomething (item);
  5. // 用来做比对的块语句
  6. while (item) {
  7.     // 代码逻辑
  8. }
复制代码
赋值

当变量赋值时,如果右侧是含有比较语句的表达式,需要用圆括号包裹。
  1. // 好的写法
  2. var value = (function() {
  3.     // 函数体
  4.     return {
  5.         message: "badfl"
  6.     }
  7. }());
  8. // 不好的写法:函数调用外层没有用圆括号包裹
  9. var value = function() {
  10.     // 函数体
  11.     return {
  12.         message: "badfl"
  13.     }
  14. }();
  15. // 不好的写法:圆括号位置不当
  16. var value = (function() {
  17.     // 函数体
  18.     return {
  19.         message: "badfl"
  20.     }
  21. })();
复制代码
相等

使用===(严格相等)和!==(严格不相等)代替==(相等)和!=(不等)来避免弱类型转换错误。
  1. // 好的写法
  2. var flag = (1 < count);
  3. // 不好的写法:遗漏圆括号
  4. var flag = 1 < count;
复制代码
三元操作符

三元操作符应当仅仅用在条件赋值语句中,而不要作为if语句的替代品。
  1. // 好的写法
  2. var same = (a === b);
  3. // 不好的写法:使用==
  4. var same = (a == b);
复制代码
eval()

避免使用eval(),涉及到回调中解析JSON的情形可以使用。

来源:https://www.cnblogs.com/jswebcn/p/17864705.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具