基本的格式化
第一章 基本的格式化
縮進層級
-
制表符縮進
優點:
制表符和縮進層級之間是一對一的關系
文本編輯器可以配置制表符的展現長度(通常是一個制表符長度相當于4個字符)
缺點:
系統對制表符的解釋不一致,導致代碼展現不統一
-
空格縮進
一般有三種 2 / 4 / 8
一般推薦為 4
陳述句結尾
- 陳述句一定要以
;結尾,不要依賴ASI(Automatic Semicolon Insertion)自動插入分號
行的長度
- 推薦長度不超過80個字符
換行
-
在運算子后換行(當有一個運算子在行尾的話,
ASI就不會自動插入;) -
第二行追加
4 / 2個縮進(縮進為4)
// 好的做法
say("測驗一下個",element , window, "some string value",
123)
這里的
,也是運算子,應該在前一行的行尾
規則例外
當給變數賦值時,第二行的位置應當和賦值運算子位置保持對齊
var result = something + otherInfo + '這個曬撒很啊是激動啊' + '睡覺啊快點撒啊大姐' +
someResult
命名
計算機科學只存在兩個難題:快取失效和命名 ----Phil Karlton
-
小駝峰式大小寫命名法(首字母小寫, 后面每個單詞首字母大寫)
-
匈牙利命名法(名字之前冠以型別識別符號前綴),2000年盛行, 現在已經少見了
sName: s(String) + Name(變數意思)
iCount: i(Integer) + Count(變數意思)
變數與函式
-
變數名以名詞作為前綴,可以和函式作為區分 -
函式名以動詞作為前綴 -
盡量短,并抓住要點
常用的約定
| 動詞 | 含義 |
|---|---|
| can | 函式回傳一個布林值 |
| has | 函式回傳一個布林值 |
| is | 函式回傳一個布林值 |
| get | 函式回傳一個非布林值 |
| set | 函式用來保存一個值 |
常量
- 大寫字母 + 下劃線(
MAX_COUNT)
建構式
- 大駝峰式大小寫命名法(每個單詞首字母大寫)
直接量
JavaScript中包含一些型別的原始值:字串, 數字, 布林值, null, undefined.同樣還包含陣列自接量和物件直接量
字串
//合法
var name = "say \"hello\"";
//合法
var name = 'say "hello"';
字串換行
-
不推薦的寫法
var longString = "我哇就懂啊啥決定灑進你說地啊幾哦的覺 送到家奇偶的撒嬌哦多少級哦啊家的 \ 啊圣誕節哦俺家大宋 撒嬌哦多久哦" -
推薦的寫法
var longString = "我哇就懂啊啥決定灑進你說地啊幾哦的覺 送到家奇偶的撒嬌哦多少級哦啊家的" + "啊圣誕節哦俺家大宋 撒嬌哦多久哦" -
新的寫法,模板字串(還可以使用
${}插入變數)var longString = `我哇就懂啊啥決定灑進你說地啊幾哦的覺 送到家奇偶的撒嬌哦多少級哦啊家的id還得hi 多 啊圣誕節哦俺家大宋 撒嬌哦多久哦`;
數字
// 整數寫法
var count = 10;
// 小數
var price = 10.0;
var price = 10.00;
// 不推薦的小數寫法: 沒有小數部分
var price = 10;
// 不推薦的小數寫法: 沒有整數部分
var price = .1;
// 不推薦的寫法: 八進制寫法已經被棄用了
var num = 010;
// 十六進制
var num = 0xA2;
// 科學計數法
var num = 1e23
null
null 是一個特殊值,但是我們常常誤解它, 將它和undefined搞混.
下面的這些場景中我們應當使用null
- 用來初始化一個變數, 這個變數可能賦值給一個物件
- 用來和一個已經初始化的變數比較, 這個變數可以是也可以不是一個物件
- 當函式的引數期望是物件時, 用作引數傳入
- 當函式回傳值期望是物件時,用作回傳值傳出
下面的這些場景中我們不應當使用null
- 不要使用null來檢測是否傳入了某個引數
- 不要用null來檢測一個未初始化的變數
理解null最好的方式將它當做物件的占位符(placeholder)
undefined
undefined是一個特殊值,我們常常將它和null搞混.其中一個頗為讓人困惑之處在于null == undifined結果為true.然而這兩個值的用途卻各有不同.那些沒有被初始化的變數都有一個初始值,即undefined,表示這個變數等待被賦值
// 不好的寫法
var person;
console.log(person === undefined) // true
// 好的做法
var person = null;
console.log(person === null) // true
物件直接量
// 不好的寫法
var book = new Object();
book.title = "測驗";
book.author = "韓梅梅";
// 好的寫法
var book = {
title : "測驗",
author: "韓梅梅"
}
陣列直接量
// 不好得寫法
var book = new Array(1,2,3,4,5);
// 好的寫法
var book = [1,2,3,4,5];
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/233856.html
標籤：JavaScript
下一篇：第二章 代碼注釋