JavaScript编码命名规范及格式规范

变量

局部变量命名采用首字母小写，其它单词首字母大写：

//推荐
var printContent = 'hello world'
//不推荐，变量名意义不明确
var objext = {};
//不推荐，变量名以类型最为前缀
var strName = 'Hello World'
//不推荐，变量名使用语义不明确的缩写
var newAC = functiono(){}

接口

公有接口：首字母大写
私有接口：首字母小写

Reader.Content = function () {//私有变量var info, title;//私有方法var getContent = function () { };return {//公有属性ContentInfo: info,//公有方法SetTitle: function (contentTitle) {title = contentTitle;}}
}

jQuery框架

jQuery类型变量添加 $ 最为前缀

var $tocTitle = $('.reader-toc-title');

空格

函数参数逗号,后面加空格
函数名后面不加空格
参数)和{之间有空格

function Partition(data, length, start, end) {
}

for 循环中的;后面加空格

for (var i = 0; i < 10; i++)

= < 等操作符前后加空格

while (x == y)

for while 等后面加空格

注释

单行注释 //，单独占一行，不要写在代码后面
多行注释/* */

/* 文件头部信息注释 */
/*!* reader content v1.0** Copyright 2018
*/

其它

字符串使用单引号，因为HTML中使用双引号

var content = '<sapn id="main_content"> ...';

左大括号不要另起一行，

for(var i = 0; i < 10; i ++){
}

即使逻辑只有一行也要用大括号括起来

if(false){return true;
}

语句结束时添加分号;
JavaScript有自动插入分号的算法，但是有缺陷

在没有添加分号的语句结束处自动添加分号
除非下一行以[、(、+、-、/开头则不添加分号

由于自动添加分号导致错误

return
{a + b
}

等价于

return ;
{a + b
}

可以通过将(不另起一行解决

由于没有在该添加分号处添加导致错误

var b = function()
var a = b
(function()
)()

等价于

var a = b(function())()

参考： 《Web前端开发最佳实践》

转载于:https://www.cnblogs.com/-beauTiFul/p/9358794.html

JavaScript编码命名规范及格式规范相关推荐

数据中心编码命名标志标签的建议规范
本文从数据中心运维管理实施角度出发,根据耐威迪公司参与的集团机构老数据中心扩容改造以及多地新建数据中心中发现的因命名不规范而增加管理掣肘问题总结的经验,我们参考TIA-942.TIA-606-C.TI ...
JavaScript编码规范[百度]
JavaScript编码规范 1 前言 2 代码风格 2.1 文件 2.2 结构 2.2.1 缩进 2.2.2 空格 2.2.3 换行 2.2.4 语句 2.3 命名 2.4 注释 2.4.1 单行注 ...
JavaScript =＞ JavaScript编码规范指南
JavaScript 编码规范指南以下文档大多来自: Google JavaScript 编码规范指南 Idiomatic 风格对于未提及的事项可以参考airbnb的JS编码规范 airbnb/j ...
javascript编码规范
一.前言如果你写的代码只是给自己看,不需要与多人共同协作:如果你写的代码不打算开源:如果你不进行code review:如果你不打算担任前端工程师这一岗位,只是单纯业余爱好:满足以上任一条件,我建议 ...
JavaScript 编码规范大全-Eslint（持续更新，欢迎关注点赞加评论）
JavaScript 编码规范大全(持续更新,欢迎关注点赞加评论) 文章目录 JavaScript 编码规范大全(持续更新,欢迎关注点赞加评论) 前言 0. 相关工具 1. 类型 2. 引用 3. 对 ...
网易前端JavaScript编码规范
在多年开发邮箱webmail过程中,网易邮箱前端团队积累了不少心得体会,我们开发了很多基础js库,实现了大量前端效果组件,开发了成熟的opoa框架以及api组件,在此向大家做一些分享.今天想先和大家聊 ...
【老九学堂】【C++】编码命名规范
1.命名规范关于命名规范我们常用于本地变量名.全局变量名.预处理指令名称.函数名称.命名空间名称.类名.成员变量名称.成员函数名称. 1.1 通用命名规范. 在开发的时候命名尽量使用描述性的命名.这 ...
javascript变量命名规范
javascript变量命名规范 <title> javascript变量命名规范</title> </head> <body><script&g ...
html 变量命名规范,JavaScript 变量命名规则
匈牙利命名法匈牙利命名法匈牙利命名法是电脑程序设计中的一种变量命名规则,此命名法又可细分为:系统匈牙利命名法和匈牙利应用命名法. 匈牙利命名法具备语言独立的特性,并且首次在BCPL语言中被大量使用. ...

JavaScript编码命名规范及格式规范

变量

接口

jQuery框架

空格

注释

其它

JavaScript编码命名规范及格式规范相关推荐

最新文章

热门文章