JavaScript語(yǔ)法簡(jiǎn)明手冊(cè)

第 1章 講述形式 1
1．1　理論　1
1．2　實(shí)例　1
1．3　代碼清單　1
1．4　示意圖　2
1．4．1　抽象概念　2
1．4．2　代碼片段　3
1．5　主要內(nèi)容　3
1．6　注意事項(xiàng)　4
第　2章 Chrome控制臺(tái)　5
2．1　copy函數(shù)　5
2．2　console．dir　5
2．3　console．error　6
2．4　console．time和console．timeEnd　7
2．5　console．clear　7
2．6　打印對(duì)象　8
第3章　歡迎使用JavaScript　9
3．1　入口點(diǎn)　9
3．1．1　DOMContentLoaded　9
3．1．2　注意事項(xiàng)　10
3．1．3　導(dǎo)入外部腳本　11
3．1．4　導(dǎo)入與導(dǎo)出　12
3．2　嚴(yán)格模式　14
3．2．1　對(duì)一個(gè)作用域開啟嚴(yán)格模式　14
3．2．2　嚴(yán)格模式小結(jié)　15
3．3　字面量　15
3．4　變量　17
3．4．1　值占位符　17
3．4．2　動(dòng)態(tài)類型　18
3．4．3　定義或聲明　18
3．5　引用傳遞　18
3．6　作用域的怪癖　19
3．6．1　怪癖1：函數(shù)內(nèi)的let和const與全局變量　19
3．6．2　怪癖2：var依附于window/this對(duì)象，而let和const不會(huì)　20
第4章　語(yǔ)句　21
4．1　求值語(yǔ)句　21
4．2　表達(dá)式　22
第5章　基本類型　23
5．1　基本類型　23
5．1．1　boolean　24
5．1．2　null　24
5．1．3　undefined　24
5．1．4　number　25
5．1．5　bigint　26
5．1．6　string　27
5．2　模板字符串　28
5．3　symbol　30
5．4　構(gòu)造函數(shù)和實(shí)例　33
5．5　對(duì)基本類型執(zhí)行方法　35
5．5．1　使用括號(hào)訪問(wèn)對(duì)象屬性　35
5．5．2　連接方法　36
第6章　強(qiáng)制類型轉(zhuǎn)換　37
6．1　強(qiáng)制類型轉(zhuǎn)換示例　37
6．1．1　構(gòu)造函數(shù)中的強(qiáng)制類型轉(zhuǎn)換　38
6．1．2　強(qiáng)制類型轉(zhuǎn)換詳解　39
6．2　多個(gè)值相加　42
6．3　運(yùn)算符優(yōu)先級(jí)　43
6．4　字符串與數(shù)值的比較　43
6．5　運(yùn)算符優(yōu)先級(jí)和結(jié)合性一覽表　45
6．6　左值和右值　47
6．6．1　賦值運(yùn)算符　47
6．6．2　算術(shù)加法運(yùn)算符　47
6．7　null與undefined　47
第7章　作用域　50
7．1　變量定義　50
7．1．1　區(qū)分大小寫　50
7．1．2　定義　50
7．2　變量提升　51
7．3　函數(shù)提升　53
7．4　變量類型　56
7．5　作用域可見性的區(qū)別　56
7．5．1　在全局作用域中　56
7．5．2　在函數(shù)作用域中　57
7．5．3　閉包　58
7．5．4　在塊級(jí)作用域中　59
7．5．5　在類中　59
7．6　const　60
7．6．1　const和數(shù)組　61
7．6．2　const和對(duì)象字面量　61
7．6．3　const小結(jié)　62
7．7　注意事項(xiàng)　62
第8章　運(yùn)算符　63
8．1　算術(shù)運(yùn)算符　63
8．2　賦值運(yùn)算符　65
8．3　字符串運(yùn)算符　65
8．4　比較運(yùn)算符　65
8．5　邏輯運(yùn)算符　66
8．6　位運(yùn)算符　67
8．7　typeof運(yùn)算符　67
8．8　三元運(yùn)算符　68
8．9　delete　68
8．10　in　69
第9章?。畆est和．spread　71
9．1　rest屬性　71
9．2　spread屬性　72
9．3?。畆est和．spread　73
9．3．1　語(yǔ)法詳解　73
9．3．2　編寫帶rest參數(shù)的sum()函數(shù)　75
9．3．3　使用spread來(lái)扁平化數(shù)組　76
9．3．4　在數(shù)組、對(duì)象或函數(shù)參數(shù)之外使用spread　76
9．4　解構(gòu)賦值　77
9．4．1　使用spread合并對(duì)象　79
9．4．2　使用spread合并數(shù)組　80
第　10章 閉包　81
10．1　閉包入門　81
10．1．1　什么是閉包　81
10．1．2　漂亮的閉包　84
10．1．3　閉包小結(jié)　86
10．2　參數(shù)個(gè)數(shù)　87
10．3　柯里化　87
第　11章 循環(huán)　89
11．1　JavaScript中的循環(huán)類型　89
11．1．1　遞增和遞減　89
11．1．2　動(dòng)態(tài)生成HTML元素　90
11．1．3　渲染列表　90
11．1．4　動(dòng)態(tài)排序的表格　90
11．1．5　注意事項(xiàng)　90
11．2　for循環(huán)　91
11．2．1　基于零索引的計(jì)數(shù)器　91
11．2．2　無(wú)限for循環(huán)　91
11．2．3　多條語(yǔ)句　92
11．2．4　遞增數(shù)字　92
11．2．5　for循環(huán)和let作用域　92
11．2．6　嵌套for循環(huán)　93
11．2．7　循環(huán)的長(zhǎng)度　93
11．2．8　跳步　94
11．2．9　提前中斷　94
11．2．10　自定義中斷條件　94
11．2．11　跳轉(zhuǎn)到標(biāo)簽　95
11．2．12　跳出標(biāo)記的塊級(jí)作用域　96
11．3　for．of循環(huán)　96
11．3．1　for．of和生成器　97
11．3．2　for．of和字符串　98
11．3．3　for．of和數(shù)組　98
11．3．4　for．of和對(duì)象　99
11．3．5　for．of循環(huán)和轉(zhuǎn)換的可迭代對(duì)象　99
11．4　for．in循環(huán)　100
11．5　while循環(huán)　100
第　12章 數(shù)組和字符串　102
12．1　Array．prototype．sort　102
12．2　Array．forEach　103
12．3　Array．every　104
12．4　Array．some　105
12．5　Array．filter　106
12．6　Array．map　106
12．7　Array．reduce　107
12．7．1　Array．reduce與Array．filter　107
12．7．2　更新數(shù)據(jù)庫(kù)中的對(duì)象屬性　107
12．7．3　reduce的實(shí)際應(yīng)用　107
12．7．4　注意事項(xiàng)　108
12．8　Array．flat　109
12．9　Array．flatMap　109
12．10　String．prototype．matchAll　109
12．10．1　使用全局匹配符/g　110
12．10．2　正則表達(dá)式的捕獲組　110
12．10．3　使用matchAll的理由　112
12．10．4　matchAll的工作方式　112
12．10．5　使用matchAll的捕獲組示例　112
12．10．6　注意事項(xiàng)　113
12．11　比較兩個(gè)對(duì)象　113
12．11．1　編寫arrcmp　115
12．11．2　改進(jìn)objcmp　116
12．11．3　針對(duì)更復(fù)雜的對(duì)象測(cè)試objcmp　117
12．11．4　objcmp小結(jié)　119
第　13章 函數(shù)　120
13．1　函數(shù)　120
13．1．1　函數(shù)結(jié)構(gòu)　120
13．1．2　匿名函數(shù)　121
13．1．3　將函數(shù)賦給變量　122
13．2　this關(guān)鍵字的來(lái)源　125
第　14章 高階函數(shù)　126
14．1　理論　126
14．1．1　抽象　126
14．1．2　編寫第 一個(gè)高階函數(shù)　126
14．2　定義　127
14．3　抽象　127
14．4　迭代器　128
14．4．1　逐行解析map函數(shù)　129
14．4．2　調(diào)用自定義的map函數(shù)　130
14．4．3　調(diào)用Array．map　131
14．4．4　for循環(huán)怎么了　131
14．5　注意事項(xiàng)　131
第　15章 箭頭函數(shù)　132
15．1　箭頭函數(shù)　132
15．1．1　無(wú)return的返回　133
15．1．2　作為事件的箭頭函數(shù)　133
15．2　箭頭函數(shù)的結(jié)構(gòu)　134
15．2．1　實(shí)參　135
15．2．2　從箭頭函數(shù)返回　135
15．3　ES風(fēng)格函數(shù)的相似性　136
15．3．1　無(wú)this綁定　137
15．3．2　無(wú)arguments對(duì)象　137
15．3．3　無(wú)構(gòu)造函數(shù)　137
15．3．4　傳統(tǒng)函數(shù)和箭頭函數(shù)用作事件回調(diào)函數(shù)　138
15．3．5　繼承的this語(yǔ)境　139
第　16章 動(dòng)態(tài)創(chuàng)建HTML元素　140
16．1　設(shè)置CSS樣式　140
16．2　使用appendChild方法向DOM中添加元素　141
16．2．1　document．body　141
16．2．2　getElementById　142
16．2．3　querySelector　142
16．3　編寫函數(shù)來(lái)創(chuàng)建元素　142
16．3．1　函數(shù)參數(shù)　142
16．3．2　函數(shù)體　143
16．3．3　導(dǎo)入并使用absolute函數(shù)　145
16．4　使用構(gòu)造函數(shù)來(lái)創(chuàng)建對(duì)象　146
第　17章 原型　147
17．1　原型　147
17．1．1　對(duì)象字面量的原型　148
17．1．2　原型鏈接　149
17．1．3　原型鏈　150
17．1．4　查找方法　150
17．1．5　數(shù)組方法　151
17．2　父對(duì)象　152
17．2．1　擴(kuò)展自己的對(duì)象　152
17．2．2　constructor屬性　153
17．2．3　Function　154
17．3　原型實(shí)踐　155
17．3．1　對(duì)象字面量　155
17．3．2　使用Function構(gòu)造函數(shù)　156
17．3．3　原型　157
17．3．4　使用Object．create來(lái)創(chuàng)建對(duì)象　158
17．3．5　示例繼續(xù)　159
17．3．6　構(gòu)造函數(shù)　160
17．3．7　new運(yùn)算符　161
17．3．8　class關(guān)鍵字　162
第　18章 面向?qū)ο缶幊獭?64
18．1　Ingredient　164
18．2　FoodFactory　164
18．3　Vessel　164
18．4　Burner　165
18．5　灶臺(tái)類型與多態(tài)爐灶　166
18．6　類定義　166
18．6．1　print．js　167
18．6．2　Ingredient　167
18．6．3　FoodFactory　168
18．6．4　Fridge　168
18．6．5　convert_energy_to_heat　169
18．6．6　Vessel　170
18．6．7　Burner　172
18．6．8　Range　172
18．7　組裝　175
18．7．1　定義成分　176
18．7．2　實(shí)例化灶臺(tái)對(duì)象　177
第　19章 事件　179
19．1　瀏覽器事件　179
19．2　合成事件　179
19．2．1　事件對(duì)象　179
19．2．2　事件捕獲與事件冒泡　180
19．2．3　dispatchEvent　181
19．2．4　removeEventListener　181
19．2．5　CustomEvent對(duì)象　182
19．2．6　setTimeout　183
19．2．7　setInterval　184
19．3　攔截瀏覽器事件　184
19．4　顯示鼠標(biāo)位置　185
19．5　通用的鼠標(biāo)事件類　186
19．5．1　包含和使用Mouse類　187
19．5．2　解析Mouse類　188
第　20章 網(wǎng)絡(luò)請(qǐng)求　190
20．1　回調(diào)地獄　192
20．2　Promise　193
20．2．1　Promise．resolve　193
20．2．2　Promise．reject　195
20．2．3　組裝　195
20．2．4　Promise．a(chǎn)ll　196
20．2．5　Promise解析　197
20．2．6　Promise小結(jié)　197
20．3　axios　198
20．4　FetchAPI　198
20．5　獲取POST負(fù)載　199
20．6　async/await　200
20．6．1　async關(guān)鍵字的基礎(chǔ)　200
20．6．2　await　202
20．6．3　async/await中的try-catch　202
20．6．4　小結(jié)　203
20．7　生成器　204
20．7．1　yield　204
20．7．2　捕獲錯(cuò)誤　205
第　21章 事件循環(huán)　206
第　22章 調(diào)用?！?09
22．1　什么是調(diào)用?！?09
22．2　執(zhí)行語(yǔ)境　211
22．2．1　什么是執(zhí)行語(yǔ)境　211
22．2．2　根執(zhí)行語(yǔ)境　211
22．2．3　工作方式　211
22．3　代碼中的執(zhí)行語(yǔ)境　211
22．3．1　window與全局作用域　212
22．3．2　調(diào)用?！?12
22．3．3　call、bind、apply　214
22．3．4　棧溢出　214