`
乱蓬头199303
  • 浏览: 81671 次
文章分类
社区版块
存档分类
最新评论

JavaScript 代码规范

阅读更多
摘要: 所有的 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代码的可读性和可维护性,...

    javascript代码规范

    JavaScript 代码规范是一种为了提高代码可读性、可维护性和团队协作效率而设定的一系列规则。下面我们将详细探讨这些规范: 1. **JavaScript 文件**:JavaScript 程序应保存为 .js 文件,并通过 `...

    JavaScript 代码规范.pdf

    ### JavaScript 代码规范详解 #### 一、引言 JavaScript 是一种广泛应用于 Web 开发的脚本语言。随着项目的复杂度增加以及团队合作的需求日益增强,制定统一的代码规范变得尤为重要。良好的代码规范不仅能提高代码...

    Airbnb出品目前非常流行的JavaScript代码规范中文版

    这份"Airbnb出品目前非常流行的JavaScript代码规范中文版"为国内开发者提供了一个清晰、一致的编程指南,帮助我们写出更规范、更具可读性的JavaScript代码。 1. **命名约定**: - 变量名应清晰反映其用途,使用...

    Javascript代码规范JS文件基本规范

    javascript,Javascript代码规范JS文件基本规范Javascript代码规范JS文件基本规范

    Javascript代码规范

    ### JavaScript代码规范详解 #### 序言 在软件开发领域,特别是前端开发中,JavaScript作为主要编程语言之一,其代码规范的重要性不言而喻。合理的代码规范不仅能提高代码的可读性和可维护性,还能增强团队协作...

    JavaScript代码规范.docx

    JavaScript代码规范是为了提升代码质量和可维护性而设立的一套规则,它主要涵盖了以下几个方面: 1. **JavaScript 文件**:JavaScript程序应当以.js为扩展名的文件形式存储和发布,不应直接嵌入HTML文件中,除非该...

    Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版) 其里面对各种 js 范式的写法进行了详细的规定和说明,按照这个规范写出的代码会更加合理 .zip

    Airbnb JavaScript 代码规范() {一种写JavaScript更合理的代码风格。注意本指南假设您使用了Babel,并要求您使用babel-preset-airbnb或者其他同等资源。并且假设您在您的应用程序中安装了 shims/polyfills ,使用...

    JavaScript代码规范标准[详].doc

    JavaScript代码规范标准[详].doc

    JavaScript编码规范

    ### JavaScript编码规范详解 #### 1. 前言 随着JavaScript在前端开发中的广泛应用,尤其是在浏览器端的行为管理方面,确保代码风格的...通过遵循这些规则,开发人员能够编写出更加易于理解和维护的JavaScript代码。

    华为代码规范.zip_代码规范_华为_华为代码规范

    华为公司的代码编写规范,有一定的参考价值

    这是借鉴、引用的是京东前端代码规范。

    这是借鉴、引用的是京东前端代码规范。

    Google javascript 编码规范指南

    #### 三、JavaScript代码风格规范 ##### 1. 命名 - **自定义`toString()`方法**:当创建自定义对象时,考虑重写`toString()`方法,以提供有关对象的有用信息。 - **示例**: ```javascript function Person...

    Airbnb+JavaScript+代码规范(ES6)共6

    以上只是Airbnb JavaScript代码规范中的一部分内容,实际规范还包括更多细节,如使用一致的比较运算符、避免使用八进制和十六进制字面量、以及对`new`、`typeof`等操作符的使用规则。遵循这样的规范,可以帮助开发者...

    javascript代码规范小结

    以上总结的知识点涵盖了文件中提到的JavaScript代码规范、命名规则以及格式化要求,帮助开发者写出更加规范、易读的代码。在实际编码过程中,遵循这些规范可以提高代码质量和开发效率,同时减少潜在的错误。

    JavaScript代码规范Standard.js.zip

    JavaScript 标准样式,无需管理 .eslintrc, .jshintrc, 或 .jscsrc 文件即可运行。该模板包含的两种运行方式可为您节省大量时间:无配置,在项目中实施一致样式在提交之前检查样式错误,节省代码审查时间 ...

    现如今最流行的JavaScript代码规范

    JavaScript代码规范主要是一种编写代码的约定,这些约定既包括代码的布局格式,也包括命名规则、注释、语句等。遵循统一的代码规范,有助于提高代码的可读性、可维护性以及团队协作的效率。现在我们来详细了解一下,...

Global site tag (gtag.js) - Google Analytics