前端(HTML/CSS/JS)-JavaScript编码规范

Posted qianboy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端(HTML/CSS/JS)-JavaScript编码规范相关的知识,希望对你有一定的参考价值。

1. 变量命名

(1)变量名不应以短巧为荣

技术分享图片

左边的变量名都不太清楚,代码的扩展性不好,一旦代码需要加功能的话,就容易出现obj1、obj2、obj3这种很抽象的命名方式。所以一开始就要把变量的名字起得真实有意义,不要搞一些很短很通用的名字。

(2)bool变量

建议布尔变量不用以is/do之类的开头

var isMobile = true,
    isError = true,
    doUpdate = false;

可改成:

var mobile = true,
    error = true,
    updated = false;

还有其它一些常用的名称如done/found/successs/ok/available/complete等,结合具体的语境

var ajaxDone = true,
    fileFound = false,
    resourceUpdated = true;

2. 声明变量时要赋值

如下声明三个变量

var registerForm,
     question,
     calculateResult;

以上绝对是合法JS语法,但是这三个变量的用途会让人比较困惑,特别是中间第二个question,问题是什么。但是当你把上面的变量赋一个初始值的时候:

var registerForm = null,
     question = "",
     calculateResult = 0;

就让人豁然开朗了,原来question是一个问题的字符串,而result是一个数字,form是一个对象。这也有利于JS解释器提前做一些优化处理,不用等到使用的时候才知道这些变量是什么类型的

 

以上是关于前端(HTML/CSS/JS)-JavaScript编码规范的主要内容,如果未能解决你的问题,请参考以下文章

前端Sublime text3 插件HTML/CSS/JS prettify 格式化代码

前端 HTML CSS Js

前端(HTML/CSS/JS)-CSS编码规范

为您的前端开发需求收集备忘单(HTML、CSS、JS、Git、Gulp等);参考

web前端PHP+html+css+js

前端主要学啥