5 种JavaScript编码规范


Posted in Javascript onJanuary 30, 2018

什么是编码规范

编码规范就是指导如何编写和组织代码的一系列标准。通过阅读这些编码规范,你可以知道在各个公司里代码是如何编写的。

我们为什么需要编码规范

一个主要的原因是:每个人写代码的方式都是不同的。我可能喜欢这么写,而你喜欢用另一种方法写。如果我们只处理自己的代码,这样并没有什么问题。但如果有成千上万的程序员同时在一个代码库上面工作呢?如果没有规范,事情很快会变得一团糟。代码规范可以让新人迅速的熟悉相关的代码,并且也能写出让其他程序员简单易懂的代码。

Airbnb JavaScript Style Guide

号称是“最合理的编写 JavaScript 代码的方式”。

Airbnb 的这个代码规范可能是互联网最流行的 JavaScript 代码规范了,它在 Github 上足有 6 万 star,几乎覆盖了 JavaScript 的每一项特性。

地址: https://github.com/airbnb/javascript

Google JavaScript Style Guide

只有遵守了这里的规则,一个 JavaScript 源文件才能被称为“Google Style”。很霸气,我行我素,同时也被不少公司沿用。

地址: https://google.github.io/styleguide/jsguide.html

Idiomatic JavaScript Style Guide

符合语言习惯的 JavaScript 代码规范。

不管有多少人参与,不管是否在同一个代码库,所有的 JavaScript 代码风格都必须像同一个人写的。

另一个很强势的同时也很流行的 JavaScript 编码规范。它的野心也很大,不止想规范 JavaScript,其它语言也都想管起来。

地球上所有的代码都像同一个人写的?想想让人觉得不寒而栗啊……

地址: https://github.com/rwaldron/idiomatic.js

JavaScript Standard Style Guide

一个功能强大的 JavaScript 代码规范,自带 linter 和自动代码纠正,无需配置,自动格式化代码。可以在编码早期就发现代码中的低级错误。这个代码规范被很多知名公司所采用,比如 NPM、GitHub、mongoDB 等。

地址: https://github.com/standard/standard

(这个 Github 地址霸气到不行。)

jQuery JavaScript Style Guide

jQuery 是多少人入门前端的好帮手啊,可惜如今只剩回忆了。它们的这个规范算是很早期的一个代码规范了,主要是针对它们的代码以及早期 JavaScript 版本进行规定。

地址: https://contribute.jquery.org/style-guide/js/

总结

以上所述是小编给大家介绍的5 种JavaScript编码规范,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 新浪背投广告实现代码
Jul 07 Javascript
JavaScript面向对象编程入门教程
Apr 16 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
给before和after伪元素设置js效果的方法
Dec 04 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
实例讲解vue源码架构
Jan 24 Javascript
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
JS继承实现方法及优缺点详解
Sep 02 Javascript
vue源码入口文件分析(推荐)
Jan 30 #Javascript
Vue精简版风格指南(推荐)
Jan 30 #Javascript
详解javascript常用工具类的封装
Jan 30 #Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
Jan 30 #Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 #Javascript
浅析vue深复制
Jan 29 #Javascript
浅析从vue源码看观察者模式
Jan 29 #Javascript
You might like
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
js 内存释放问题
2010/04/25 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
详解Python的Django框架中的templates设置
2015/05/11 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
python入门教程之识别验证码
2017/03/04 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
python实现俄罗斯方块游戏
2020/03/25 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
Python读取指定日期邮件的实例
2019/02/01 Python
Python enumerate() 函数如何实现索引功能
2020/06/29 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
sort命令的作用和用法
2013/08/25 面试题
毕业实习个人鉴定范文
2013/12/10 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
MySQL通过binlog恢复数据
2021/05/27 MySQL
Go语言入门exec的基本使用
2022/05/20 Golang