前端練習筆記

命名總：

1.camel命名法：var testJavaScript = ' ';

//變量名，函數名，函數參數名，類的方法or屬性，採用camel命名法


var testJavaScript = '';   //變量命名

function testJavaScript(valueOne, valueTwo) {  //函數名以及函數參數命名
    .....
}

function TestClass(valueOne, valueTwo) {
    this.testValueOne = valueOne;      //類的方法or屬性命名
    this.testValueTwo = valueTwo;
}

2.pascal命名法：var TestJavaScript = ' ';

//類名，枚舉名，構造函數，採用pascal命名法

function TestClass() {    //類名
    ......                
}

var TargetState = {       //枚舉名
    READ: 1;         
    APPLIED: 3;

}

function Person() {      //構造函數
    ......
]

3.下劃線命名法：var test_java_script = ' ';

//常量名，枚舉的屬性名都用全部大寫的下劃線命名法

IS_TEST_JAVAS;    //常量



var TargetState = {     //枚舉的屬性命名
    READ_BOOK: 1,
    READ: 2,
    APPLIED_PROGRAM: 3,
    READY_TO_GO: 4
};

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

佈局：

1.空格使用：

//二元運算符兩側必須有一個空格
var a = 18;
a++;
a = b + c;


//關鍵字if/else/while/function/switch/do/try/catch/finallly後必須有一個空格

if (condition) {    //代碼塊起始的左括號前必須有一個空格
   ......              
}

//對象屬性中，：前不能有空格，：後必須有空格
var obj = {
    a: 1,
    v: 2,
    c: 3
};

//函數名與左括號之間不能有空格

function testFunction() {
    ......
}

testFunction();

//()和[]括號內 內容緊貼括號部分，不允許有空格
callFunc(param1, param2, param3);
save(this.list[this.indexes[i]]);
needInceament && (variable += increament);
if (num > list.length) {
    ......
}
while (len--) {
    ......
}

2.換行

*運算符huan換行時，運算符必須在新行的行首

*不允許在逗號，分號前分行即以逗號，分號爲新一行的行首×

var obj = {
    a: 1,        //不要寫成 a: 1
    b: 2,        //        , b: 2
    c: 3         //        , c: 3
};