寫在開頭

本篇是小紅書筆記的第六篇，也許你會奇怪第六篇筆記才寫語法基礎(chǔ)，筆者是不是穿越了。

答案當(dāng)然是沒有，筆者在此分享自己的閱讀心得，不少人翻書都是從頭開始，結(jié)果永遠(yuǎn)就只在前幾章。
對此，筆者換了隨機(jī)閱讀的方式，哪章感興趣了或者想補(bǔ)知識點(diǎn)，再去翻閱對應(yīng)的章節(jié)。當(dāng)然目錄還是要翻的。

工作生活節(jié)奏太快，知識太多，時間與知識的增長成反比，求全不如求專，也許不能看完全書，但至少掌握所需知識點(diǎn)。

---

思維導(dǎo)圖是個好東西，一圖流。

語法

標(biāo)識符

由字母，下劃線_，美元符號$，數(shù)字組成

第一個字符不能是數(shù)字

注意不要使用關(guān)鍵字作標(biāo)識符

對象屬性[]號寫法可不遵循標(biāo)識符規(guī)則 obj[123] = 123

數(shù)據(jù)類型

數(shù)據(jù)類型共有10個，ES5有7個，3個為ES6新增

number/boolean/string/undefined/object/null/function/symbol/set/map

判斷類型可用typeof

判斷對象為何種引用類型可用instanceof

undefined與null

undefined (使用var聲明但未初始化)

null (空對象指針)

undefined == null // true

NaN

NaN表示本來應(yīng)返回一個數(shù)值，結(jié)果未正確返回

NaN不等于任何值，且不等于自身

用isNaN()可判斷是否為NaN

數(shù)值轉(zhuǎn)換

Number() 轉(zhuǎn)型函數(shù)

參數(shù)值結(jié)果

true	1
false	0
null	0
undefined	NaN
''	0
'168'	168
'168hello'	NaN
'hello'	NaN

TIPS：參數(shù)值為一個對象，則先調(diào)用valueOf(), 沒有再調(diào)用toString(), 然后遵循上述規(guī)則

parseInt()

第一個參數(shù)為轉(zhuǎn)換的值

第二個參數(shù)為轉(zhuǎn)換的進(jìn)制

會嘗試解析字符串前面的數(shù)字（不同于Number())

parseInt('168hello') -> 168

parseFloat()

第一個小數(shù)點(diǎn)有效，忽略后面小數(shù)點(diǎn)的解析

會嘗試解析字符串前面的數(shù)字

忽略前導(dǎo)0，只支持10進(jìn)制，沒有第二個參數(shù) (不同于parseInt())

parseFloat('520.13.14') -> 520.14

字符串轉(zhuǎn)換

toString() 方法

大多數(shù)數(shù)據(jù)類型擁有toString()方法，可在參數(shù)中指定轉(zhuǎn)換進(jìn)制

null/undefined 沒有toString()方法

String() 轉(zhuǎn)型函數(shù)

如果參數(shù)值有toString()方法，則調(diào)用toString()方法

null 轉(zhuǎn)為 "null"

undefined 轉(zhuǎn)為 "undefined"

函數(shù) function

不支持重載

后定義的函數(shù)會覆蓋之前

參數(shù)數(shù)組對象：arguments

語句

if...else...

do...while... 后測試循環(huán)，不同于while/for前測試循環(huán)

while

for

for...in... 遍歷對象屬性

label 與 break/continue 合用

switch...case... case 全等判斷

with 將代碼作用域設(shè)置到特定的對象中

switch...case

case 判斷時是全等判斷，不會進(jìn)行類型轉(zhuǎn)換

case 值不一定是常量，可以是變量，甚至是表達(dá)式

case 'hello' + 'word'; case num < 10;

label

label語句允許在代碼中添加標(biāo)簽，label與break/continue聯(lián)合使用，可返回代碼指定位置

var num = 0;outermost: for (var i = 0; i < 10; i++) {for (var j = 0; j < 10; j++) {if ( i== 5 && j == 5) {break outermost; // 退出循環(huán)（因?yàn)閛utermost定義的位置在最外層)// 普通的break只能跳出一層循環(huán)}} }

with

with語句的作用是將代碼的作用域設(shè)置到一個特定的對象

// window.location 對象為例子 with(location) {var url = href; // location.href }

操作符

一元操作符

布爾運(yùn)算符

算數(shù)運(yùn)算符

關(guān)系運(yùn)算符

條件運(yùn)算符

賦值預(yù)算符

逗號運(yùn)算符

一元操作

一元操作符指的是只能操作一個值的操作符

遞增++

遞減--

后置：語句被求值后執(zhí)行自身賦值

var a = 2; var b = 20; var c = a-- + 20; // 后置運(yùn)算 c: 22, a: 1

布爾運(yùn)算符

邏輯非!

!! 功能等于 Boolean() 轉(zhuǎn)型函數(shù)

邏輯與 &&

第一參數(shù)是對象，返回第二個參數(shù)

第一個參數(shù)為null/NaN/undefined, 則直接返回第一個參數(shù)

邏輯或 ||

規(guī)則與邏輯與相同，不同的是只要第一個參數(shù)成立則不會進(jìn)行后續(xù)運(yùn)算

TIPS：邏輯與或都屬于短路運(yùn)算，并不一定返回true/false，參數(shù)未聲明可能會報錯或賦值不成功

算數(shù)運(yùn)算符

+, -, *, /, %

關(guān)系運(yùn)算符

<, >, <=, >=, ==, ===, !=, !===

兩個參數(shù)都是數(shù)值，進(jìn)行值比較

兩個參數(shù)都是字符串，進(jìn)行字符編碼比較（大寫字母的字符編碼小于小寫字母)

一個參數(shù)是數(shù)值，則轉(zhuǎn)為數(shù)值比較

一個參數(shù)是對象，則先調(diào)用其valueOf()，沒有valueOf()再調(diào)用toString()

=== 全等會進(jìn)行值與類型的比較

null == undefined // true

條件運(yùn)算符

三元表達(dá)式

var score = 90; var achie = score > 90 ? '優(yōu)秀' : '再接再厲';

逗號操作符

逗號操作符可以在一條語句執(zhí)行多個操作，常用于變量初始化

TIPS: 用于賦值時，逗號操作符會返回表達(dá)式最后一項(xiàng)的值

var name = 'KenTsang', age = 28, job = 'Developer';

---

詳解逗號表達(dá)式，可移步筆者的文章:《一道JS面試題引發(fā)的血案》。

if-else/switch-case/?:/&&/||可移步筆者的文章: 《JS中 if/ if...else替換方式》

---

參考文檔

• 《JavaScript高級程序設(shè)計》

作者：以樂之名
本文原創(chuàng)，有不當(dāng)?shù)牡胤綒g迎指出。轉(zhuǎn)載請指明出處。

總結(jié)

以上是生活随笔為你收集整理的读书笔记(06) - 语法基础 - JavaScript高级程序设计的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。