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 相关文章推荐
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
Feb 12 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
Feb 27 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 Javascript
jquery实现上传图片功能
Jun 29 jQuery
vuex存取值和映射函数使用说明
Jul 24 Javascript
JavaScript实现优先级队列
Dec 06 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP parse_url 一个好用的函数
2009/10/03 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
2016/03/07 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
python super的使用方法及实例详解
2019/09/25 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
TCP/IP模型的分界线
2012/12/01 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
python文件目录操作之os模块
2021/05/08 Python
Python中的min及返回最小值索引的操作
2021/05/10 Python
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS