空格代码JavaScript代码规范（CKJ）

首先明声，我是一个菜鸟。一下文章中出现技术误导情况盖不负责

 这是一份为我团队制自的代码范规，参照了Javascript的书籍和网上的代码，总结而成。

    1．  代码缩进采用四格，不能用tab键，只用空格，免避生产不必要的错误。在vim中置配如下代码：

    2．  Javascript代码应不该被包含在HTML件文中，除非这是段特定只属于此部份的代码。

    

变量和标示符：

    

1. Javascript区分大小写，所以按照例惯标示符用采驼峰大小写式格，也就是第一个字母小写，剩下有意义的单词大写,不要再名命中应用“$”和“\”。如：

firstSecond

myCar

2. 量常用采例惯全大写式形,多个单词用下划线离隔。如：

MYCAR

CAR_AND_MODEL

3. 能不必就不必全局变量.

 

    4. 不提议改修变量存保值的类型，如：

var message = “hi”；

message = 100；

1. 变量赋值时,“=“边两要加一个空格。如：

var message = “HelloWorld”

1. 存保对象没有真正存保对象时，要明确地让该变量存保null值。
2. 量大的逻辑出现时，注意给用括号分离隔。如：

    

运算符：

(a>0 && b==1) || (ture || b>1)

1. 逻辑与/或：应用时，两个操作数与“&&/||“之间都要有一个空格。如：

var result = true && false;

1. 加，减、乘、除、求模、小于、大于、于等、小于于等、大于于等号等全体二元运算符两旁要用一个空格离隔，如：var result = 34 * 56;
2. 件条操作符：个每符号前后要加一个空格。如：a = 0 ? a = 1 : a = 0;
3. 复合赋值运算符两旁要有一个空格。如： a *= 2;
4. 要应用严厉的件条运算符，如： ===取代==、!==取代!=、
5. 每条语句面后要加“;”作为结束标记，有利于免避压缩错误和高提性能。如：

    

语句

var message;

 

 

    

1. 免避每行超越80个字符。超越的斟酌折行表现。

 

    2. 代码块要以左花括号扫尾，右花括号结束，即使可以单行写行执代码也要用“{}”。如：

if (test){

  alert(test);

}

 

    3. 如上代码，if 语句写书时，if后要有一个空格与括号离隔，括号内的数参与括号不加空格，括号后之紧接花括号，有else时，if的括号后要空一格紧接花括号， else空一格紧接上一个花括号，其后空一格接下一个花括号,除了if，while，do-while，switch，for亦是如此。如:

 

if (a = 0) {

    a = 1;

} else {

    a = 0;

}

 

while (i == 0) {

    i++;

}

 

do {

    i--;

} while (i > 0);

 

for (i = 0; i >= 5; i++ ){

}

 

    4. 当if—else 行执语句只有一条时，请用成“XX?XX:XX;“的问号运算符。

if (a = 0) {

    a = 1;

} else {

    a = 0;

}

 

    改写成：

a = 0 ? a = 1 : a = 0;

 

 

    5. 如果应用label语句时，定一要用描述性的标签，同时不要嵌套过量的环循。

 

    6. 不要应用 with, void , eval。

    

释注：

    每行释注的释注符后要加一个空格后才写解注，如：

// My name is CKJ.

 

    1. 单行释注：用“//”标注，注意免避无意义的释注。

    2. 多行释注：用/**/嵌套，但是每一行的面前要有“*”号，且星号都要对齐，如：

/*

* This is a comment

*/

 

    3. 脚本件文头释注范规，如下：

/**

* @fileOverview 脚本件文描述

* @author<开发者>,…

* @version <svn version>

* @updateDate <svn update date>

*/

 

    4. 编写只于用极少数应用的变量时，在行尾附上释注。

    5. 在大较范围内应用的变量，在其作用域的扫尾附上释注。

    6. 在释注之前要用一行空白行。

    

整数：

    

1. 字符串转化为整数，尽量不要用number而用parseInt函数。
2. 应用parseInt()时，必须为第二个数参指定基数。如：

　　var num1 = pareseInt(“2”, 2);

 

    

引用类型：

    

1. 明声object类时，不要省略括号。如：不是var a = new Object 而是 var a = new Object();

 

    2. hash中的key与中阁下大括号无空格，key:value的冒号之间也无空格。只有“,”后之要加一个空格。如：

 

　{firstname:"Kejia", lastname:"Cai"},

 

    3.拜访性属时，用采“[]”的方括号表示法的拜访方法拜访。如：

 

　　man[firstname]

4. Key可是以字符串，如：

man[“first name”]

5. 静态类性属全体应用大写字母。如：

Ext.MessageBox.YES = “Yes”;

6. 哈希的value如果是字符串，都用采单引号表示。如：

region: ‘center’;

7. 数组有很多方法，可以妙巧运用如：

    pop(), push(), shift(), unshift(), concate(),

    reverse(), sort(), slice(), indexOf(), lastIndexOf(),

    every(), filter(), forEach(), map(), some(),

    

函数：

 

View Code

Ext.create('Ext.data.Store', {

    storeId:'employeeStore',

    fields:['firstname', 'lastname', 'seniority', 'dep', 'hired'],

    data:[

        {firstname:"Michael", lastname:"Scott"},

        {firstname:"Dwight", lastname:"Schrute"},

        {firstname:"Jim", lastname:"Halpert"},

        {firstname:"Kevin", lastname:"Malone"},

        {firstname:"Angela", lastname:"Martin"}

    ]

});

    每日一道理
生活的无奈，有时并不源于自我，别人无心的筑就，那是一种阴差阳错。生活本就是矛盾的，白天与黑夜间的距离，春夏秋冬之间的轮回，于是有了挑剔的喜爱，让无奈加上了喜悦的等待。

 

    

1. 函数的名命必须为动词或动词短语。如：

create();

deleteUser();

2. 函数的括号与函数名间不要空格，数参与左括号和右括号间不要空格，个每数参用逗号离隔，逗号后之要加一个空格。

 

    3. 数参中有hash或数组：

    (1).当数组或hash只有一层时，直接独行表现。如：

{firstname:"Kejia", lastname:"Cai"},

(2).当数组或hash中有嵌套时，用采Allmans格风,即阁下大括号/中括号独有一行（是不并独自一个符号一行，而是与匹配的扩号和其中的内容开分，不再一同行）。如：

data:[

        {firstname:"Michael", lastname:"Scott"},

        {firstname:"Dwight", lastname:"Schrute"},

        {firstname:"Jim", lastname:"Halpert"},

        {firstname:"Kevin", lastname:"Malone"},

        {firstname:"Angela", lastname:"Martin"}

    ]

4. 函数中传入哈希时，定一要用Allmans格风，如：

Ext.create(‘Ext.container.Viewport’, {

layout: ‘border’,

items: []

});

5. 函数之间要用一行空白行。

    

几种EXT的控件简写式格：

    

名称	Ext控件	简称
按钮	Button	btn
窗口	Window	win
表格	GridPanel	grid
数据存储仓库	Store	store
数据列	ColumnModel	cm
数据选择式模	CheckboxSelectionModel	sm
表格底部工具栏	PagingToolbar	paging
树	TreePanel	tree
工具栏	Toolbar	tbar
表单	FormPanel	form
复选框	Checkbox	Chk
下拉列表框	ComboBox	cbo
文本标签	Label	Lbl
数字文本框	NumberField	Numfield
单选按钮	Radio	Radio
文本域	TextArea	txtarea
文本框	TextField	txt

文章结束给大家分享下程序员的一些笑话语录： 现在社会太数字化了，所以最好是有一个集很多功能于一身的设备！