前端代码规范(阿⾥)---Javascript
程序员写好看的代码,不亚于写⼀⾏好看的字
好看的代码总是让⼈⼼旷神怡,
不好,不规范的代码,让⼈看了想说mmp,
那我们就来学习⼀下规范的代码怎么写的吧
以下来⾃B站的学习视频:
五、Javascript规范
(⼀) 命名
采⽤⼩写驼峰命名 lowerCameCase,代码命名均不能以下划线开头,也不能以下划线或美元符号结尾反例:_name / name_ / name$
⽅法名、参数名、成员变量、局部变量统⼀采⽤驼峰命名风格
正确命名:localValue / getHttpMessage()
错误命名:localvalue / gethttpmessage()
⽅法名 必须是 动词 或者 动词+名词 形式
增删查改,统⼀使⽤如下 5 个单词
add / update / delete / get / detail
附:函数常⽤⽅法的动词:
get 获取 / set 设置
add 增加 / remove 删除
create 创建 / destory 移除
start 启动 / stop 停⽌
open 打开 / close 关闭
read 读取 / write写⼊javascript属于前端吗
load 载⼊ / save 保存
begin 开始 / end 结束
backup 备份 / restore 恢复
import 导⼊ / export 导出
split 分割 / merge 合并
inject 注⼊ / extract 提取
常量全部⼤写,单词之间⽤下划线隔开,⼒求语义表达完整清楚,不要嫌名字长
(⼆) 代码格式
使⽤两个空格进⾏缩进
if(x < y){
x +=10;
}else{
x +=1;
}
不同逻辑,不同语义,不同业务之间插⼊⼀个空⾏分隔
(三) 字符串
统⼀使⽤单引号'',不使⽤双引号"",这对创建HTML字符串⾮常有好处
let str ='foo';
let testDiv ='<div id="test"></div>'
(四) 对象声明
使⽤字⾯量创建对象
推荐:
let user =[];
不推荐:
let user =new Object();
使⽤字⾯量来代替对象构建器
推荐:
let user ={
age:0
}
不推荐:
let user =new Object();
user.age =0;
(五) 优先使⽤ES6、ES7、ES8的语法
简化程序,使代码更加灵活和可复⽤
如:箭头函数、await/async、解构、let、for…of 等
(六) 括号
下列关键词必须有⼤括号(即使代码只有⼀⾏):if / else / for / while / try / catch / finally / with
推荐:
if(isTrue){
doSomeThing();
}
不推荐:
if(isTrue)doSomeThing();
(七) undefined判断
永远不要直接使⽤undefined进⾏变量判断;使⽤typeof 和字符串 'undefined'对变量进⾏判断推荐:
if(typeof person ==='undefined'){
...
}
不推荐
if(person === undefined){
...
}
(⼋) 条件判断和循环最多三层
条件判断能使⽤ 三⽬运算符 和 逻辑运算符的,就不要使⽤条件判断。如果超过三层的 ,抽成函数,并写清楚注释
(九) this的转换命名
对上下⽂ this的引⽤只能使⽤ self来命名
let self =this;
(⼗) 慎⽤ console.log
对 console.log会有性能问题,⽣产环境下请清除console.log
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论