5 种JavaScript编码规范-低调大师

5 种JavaScript编码规范

2018-06-15 553

什么是编码规范

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

我们为什么需要编码规范

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

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/

你喜欢哪个代码规范，你的团队在用哪个规范呢？请留言告诉我们！

原文发布时间为：2018年01月29日

原文作者： JavaScript_w

本文来源CSDN如需转载请联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/610582

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

2018 年，我们该如何使用 JavaScript？

命令行工具大多数库和框架都配备有一个命令行工具，通过输入一个命令，可以为我们启动一些框架项目，以快速创建我希望的东西。这通常包括一个启动脚本（有时用自动重新加载器），构建脚本，测试结构等等。当我们创建新项目时，这些工具可以减轻我们大量冗余文件的编写。让我们来看看更多其他的一些命令行工具。 Webpack 配置配置你的 webpack 构建过程并真正理解你在做什么，可能是 2017 年更令人畏惧的学习曲线之一。幸运的是，他们的核心贡献者之一Sean Larkin奔走在世界各地，为我们提供了很棒的演讲和非常有趣和有用的教程。现在许多框架不仅为您创建了 webpack 配置文件，甚至将它们填充到您甚至可能不需要看的地步。Vue 的 CLI 工具有一个webpack 专用的模板，为您提供全功能的 Webpack 设置。为了让您充分了解命令行工具提供的内容，以下是 Vue CLI 模板包含的内容： npm run dev:首要开发体验用于Vue 单文件组件的 Webpack +vue-loader 热更新中的状态保持编译错误时的状态保持保存时使用 ESLint检查源文件映射（Sou...

2018-06-15

771

<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head runat="server"> <title>文件下载</title> <script type="text/javascript"> function downLoad(){ var elemIF = document.createElement("iframe"); elemIF.src = "需要下载的url"; elemIF.style.display = "none"; document.body.appendChild(elemIF); } </script> </head> <body> <a href="#" onClick="downLoad()">点击下载</a> </body> </html> 或者直接调...

2018-06-15

639

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。