程序员写好看的代码，不亚于写一行好看的字
好看的代码总是让人心旷神怡，
不好，不规范的代码，让人看了想说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写入
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

(七) undefined判断

永远不要直接使用undefined进行变量判断；使用typeof 和字符串 'undefined'对变量进行判断

(八) 条件判断和循环最多三层

条件判断能使用三目运算符和逻辑运算符的，就不要使用条件判断。

如果超过三层的，抽成函数，并写清楚注释

(九) this的转换命名

对上下文 this的引用只能使用 self来命名

let self = this;

(十) 慎用 console.log

对 console.log会有性能问题，生产环境下请清除console.log

前端代码规范（阿里） --- Javascript相关推荐

前端代码规范网址导航（总结）
在大公司代码规范是非常重要的一件事情,多人协作,还有代码评审.所以能写出漂亮的代码非常重要. 这就好比你自己在家,无论是穿大裤衩子,还是背心,甚至是光膀子,都没人管你.但你要出门去约会,就要把最好的一 ...
[Client]前端代码规范及最佳实践
前端代码规范及最佳实践 2014/10/29 | 分类: WEB前端, 工具与资源, 开发 | 0 条评论 | 标签: 代码规范, 前端开发, 最佳实践分享到: 62 本文作者: 伯乐在线 - ...
【必看】前端代码规范
代码规范 1. 概述欢迎使用品优购代码规范, 这个是pink老师借鉴京东前端代码规范,组织的品优购内部规范(任何前端开发项目都适用的).旨在增强团队开发协作.提高代码质量和打造开发基石的编码规范, ...
网站开发之前端代码规范
前端代码规范前言一.唯一定律二.前段代码规范 (一)命名规范 1.1.项目命名 1.2 .目录命名 1.3.文件存放位置 1.4.JS.CSS.HTML.PNG 等文件命名 1.4.命名严谨性 ...
前端代码规范工具ESLint和Prettier
前端代码规范工具ESLint和Prettier 1. ESLint是什么? ESLint 是一个开源的 JavaScript 代码检查工具,由 Nicholas C. Zakas 于2013年6月创建 ...
前端代码规范参考和如何保持前端代码规范
1.前端代码规范参考编写前端代码规范的主要驱动力是两方面: 1) 代码一致性(一个项目的代码看起来就像一个人写的一样) 2) 最佳实践. 通过保持代码风格和传统的一致性,我们可以减少遗留系统维护 ...
Web 前端代码规范
Web 前端代码规范最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前 ...
前端代码规范网站推荐
京东凹凸实验室前端代码规范 https://guide.aotu.io/ 链接腾讯前端代码规范链接http://tgideas.qq.com/doc/index.html 百度前端代码规范文档链 ...
技术胖前端代码规范秘籍推荐
技术胖前端代码规范秘籍推荐 6个文档 ,一本书籍 ,2个工具京东凹凸实验室前端代码规范腾讯前端代码规范百度前端代码规范 JavaScript Standard Style :是一个个人代码规范 ...
小团队的前端代码规范
前端代码规范文章目录前端代码规范 1 前言 2 命名规范 1) 项目命名 2 )目录命名 3)`javaScript` 文件命名 4)`CSS`,`less`文件命名 5)HTML文件命名 6) ...

前端代码规范（阿里） --- Javascript