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 Date对象使用总结
May 14 Javascript
js获取php变量的实现代码
Aug 10 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
微信小程序 欢迎页面的制作(源码下载)
Jan 09 Javascript
vue中本地静态图片路径写法
Mar 06 Javascript
vue-cli3.0 特性解读
Apr 22 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 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
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
2006/12/06 PHP
在数据量大(超过10万)的情况下
2007/01/15 PHP
PHP中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
模拟select的代码
2011/10/19 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
如何编写高质量JS代码(续)
2015/02/25 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
BootStrap TreeView使用实例详解
2017/11/01 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
2018/09/03 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
Python获取文件ssdeep值的方法
2014/10/05 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
金宝贝童装官网:Gymboree
2016/08/31 全球购物
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
校本教研工作方案
2014/01/14 职场文书
入党综合考察材料
2014/06/02 职场文书
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技