摘要: 所有的 JavaScript 项目适用同一种规范 ## JavaScript 代码规范 代码规范通常包括以下几个方面: 变量和函数的命名规则 空格,缩进,注释的使用规则 其他常用规范…… 规范的代码可以更易于阅读与维护 代码规范一般在开发前规定,可以跟你的团
所有的 JavaScript 项目适用同一种规范
设计原则:
1.原子思想:即每个function就做一件事;
2.归纳思想:将同一类的操作,全部整合到一起;
3.方便维护:可以便于后来人进行快速维护;
4.方便拓展:即可以根据每个不同的项目进行不同的更改;
5.通用前端设计模式:一些前端可以通用的设计模式
6.注意写好注释,将注释写的具体点;
JavaScript 代码规范
代码规范通常包括以下几个方面:
变量和函数的命名规则
空格,缩进,注释的使用规则
其他常用规范……
规范的代码可以更易于阅读与维护
代码规范一般在开发前规定,可以跟你的团队成员来协商设置
变量名
变量名推荐使用驼峰法来命名(camelCase):
firstName = "John"; lastName = "Doe";
点击并拖拽以移动
前缀规范:
每个局部变量都需要有一个类型前缀,按照类型可以分为:
s:表示字符串。例如:sName,sHtml;
n:表示数字。例如:nPage,nTotal;
b:表示逻辑。例如:bChecked,bHasLogin;
a:表示数组。例如:aList,aGroup;
r:表示正则表达式。例如:rDomain,rEmail;
f:表示函数。例如:fGetHtml,fInit;
o:表示以上未涉及到的其他对象,例如:oButton,oDate;
g:表示全局变量,例如:gUserName,gLoginTime
空格与运算符
通常运算符 ( = + - * / ) 前后需要添加空格:
var x = y + z; var values = ["Volvo", "Saab", "Fiat"];
点击并拖拽以移动
代码缩进与换行
缩进
在同一系统中应采用同一种缩进标准,本文提倡缩进大小为4个空格。各编译器对Tab键所代替的空白大小定义不同。建议在设置开发环境时,将编辑器里的Tab快捷键重新设置成4个空格。多数编译器提供了此功能。否则建议按4次空格来进行缩进。
换行
在以下位置必须换行:
每个独立语句结束后;
原文链接
http://click.aliyun.com/m/23859/
分享到:
相关推荐
### JavaScript代码规范详解 #### 一、引言 随着互联网技术的发展,JavaScript作为一种重要的前端开发语言,在网页交互、用户界面管理等方面发挥着不可或缺的作用。为了提高JavaScript代码的可读性和可维护性,...
JavaScript 代码规范是一种为了提高代码可读性、可维护性和团队协作效率而设定的一系列规则。下面我们将详细探讨这些规范: 1. **JavaScript 文件**:JavaScript 程序应保存为 .js 文件,并通过 `...
### JavaScript 代码规范详解 #### 一、引言 JavaScript 是一种广泛应用于 Web 开发的脚本语言。随着项目的复杂度增加以及团队合作的需求日益增强,制定统一的代码规范变得尤为重要。良好的代码规范不仅能提高代码...
这份"Airbnb出品目前非常流行的JavaScript代码规范中文版"为国内开发者提供了一个清晰、一致的编程指南,帮助我们写出更规范、更具可读性的JavaScript代码。 1. **命名约定**: - 变量名应清晰反映其用途,使用...
javascript,Javascript代码规范JS文件基本规范Javascript代码规范JS文件基本规范
### JavaScript代码规范详解 #### 序言 在软件开发领域,特别是前端开发中,JavaScript作为主要编程语言之一,其代码规范的重要性不言而喻。合理的代码规范不仅能提高代码的可读性和可维护性,还能增强团队协作...
JavaScript代码规范是为了提升代码质量和可维护性而设立的一套规则,它主要涵盖了以下几个方面: 1. **JavaScript 文件**:JavaScript程序应当以.js为扩展名的文件形式存储和发布,不应直接嵌入HTML文件中,除非该...
Airbnb JavaScript 代码规范() {一种写JavaScript更合理的代码风格。注意本指南假设您使用了Babel,并要求您使用babel-preset-airbnb或者其他同等资源。并且假设您在您的应用程序中安装了 shims/polyfills ,使用...
JavaScript代码规范标准[详].doc
### JavaScript编码规范详解 #### 1. 前言 随着JavaScript在前端开发中的广泛应用,尤其是在浏览器端的行为管理方面,确保代码风格的...通过遵循这些规则,开发人员能够编写出更加易于理解和维护的JavaScript代码。
华为公司的代码编写规范,有一定的参考价值
这是借鉴、引用的是京东前端代码规范。
#### 三、JavaScript代码风格规范 ##### 1. 命名 - **自定义`toString()`方法**:当创建自定义对象时,考虑重写`toString()`方法,以提供有关对象的有用信息。 - **示例**: ```javascript function Person...
以上只是Airbnb JavaScript代码规范中的一部分内容,实际规范还包括更多细节,如使用一致的比较运算符、避免使用八进制和十六进制字面量、以及对`new`、`typeof`等操作符的使用规则。遵循这样的规范,可以帮助开发者...
以上总结的知识点涵盖了文件中提到的JavaScript代码规范、命名规则以及格式化要求,帮助开发者写出更加规范、易读的代码。在实际编码过程中,遵循这些规范可以提高代码质量和开发效率,同时减少潜在的错误。
JavaScript 标准样式,无需管理 .eslintrc, .jshintrc, 或 .jscsrc 文件即可运行。该模板包含的两种运行方式可为您节省大量时间:无配置,在项目中实施一致样式在提交之前检查样式错误,节省代码审查时间 ...
JavaScript代码规范主要是一种编写代码的约定,这些约定既包括代码的布局格式,也包括命名规则、注释、语句等。遵循统一的代码规范,有助于提高代码的可读性、可维护性以及团队协作的效率。现在我们来详细了解一下,...