ページ3:

*運算符:賦值運算子(=)將值賦給變
數
加法運算子() 用於將數字相加
*
乘法運算子() 用於計算數字之間
的乘積
算術運算子用於對數字執行算術運算
它也可以用於添加(連接字串
賦值運算子也可用於連接(拼接)
字串
*兩個數字相加,結果將以數字形式
傳回
*將一個數字和一個字串相加,將傳
回連接字串形式的總和
*加法賦值運算子( )——將一個值加
到變數上
*比較運算子用於比較兩個值。
*比較運算子總是傳回true或 false
○條件句
用於指定在滿足指定條件時要執行
的程式碼區塊。true
用於else指定在滿足相同條件時要執
行的程式碼區塊。false
用於else if指定要測試的新條件,前
提是第一個條件為真。 false
用於switch指定 要執行的 多個備選
程式碼區塊。

ページ4:

*本次迭代中剩餘的程式碼將被跳
過,處理過程將進入下一個迭代。
*標籤為語句或語句區塊提供名稱,
允許引用語句,以便進行程式流程控
制,尤其是在循環中
6
○ 字串:字串用於存儲文本
*字串要用引號括起來
*JavaScript 字串是由引號括起來
的零個或多個字元組成的
*你可以在字串內部使用引號,只要
它們與包圍該字串的引號不重複即可
*模板是用反引號括起来的字串 ( `這
是一個模板字串)模板允許在字串中
使用單引號和雙引號
*要查找字串的長度,請使用內建
length屬性
*由於字串必須用引號括起來,
JavaScript 將無法正確識別以下字
串
*要解決這個問題,可以使用反斜線
轉義字元。
*反斜線轉義字元()將特殊字元轉
換為字串字元
安全地拆分字串的方法是使用字串加
法
*通常,JavaScript 字串是原始
值,由字面量建立

ページ5:

*Let在循環中使用
*當let使用 `is 在循環中宣告變數 ``
時,變數僅在循環內可見
*該break語句「跳出」了迴圈和
switch 語句。
*該break語句終止迴圈或switch語
句的執行
當break在循環中遇到時,循環立即
終止。
*程式控制權轉移到循環之後的語
句。
*不再執行循環迭代
*在 switchswitch語句中,break
如果執行了符合的 case,語句就會
退出 switch 程式碼區塊。如果沒有
break,執行將會“向下傳遞”,直接
進入後續的 case 程式碼區塊
*該break語句退出迴圈或程式碼區
塊,並將控制權轉移到標籤的語句。
*該break語句對於跳出巢狀循環中
的內循環或外循環特別有用
*該continue語句跳過了循環中的目
前迭代。
*本次迭代中剩餘的程式碼將被跳

ページ6:

使用(?)(三元)作為簡寫if...else
在 JavaScript中,布林值是一種基
本資料類型,它只能取以下兩個值之
-
對還是錯
*表達式的布林值是所有
JavaScript比較和 條件判斷的基礎
*邏輯運算子用於組合佈林表達式。
*可以使用邏輯運算子來修改比較結
果
*&& 運算子在true 兩個表達式都為
真時傳回真 true,否則回傳假false
o 循環:
循環可以多次執行一段程式碼
*此fo 語句建立了一個包含3個可選
表達式的迴圈
* While只要指定的條件為真,迴圈就
會一直執行一段程式碼
*該do while循環是 while 循環的
變體。
*迴圈do while會先執行一次程式碼
區塊,然後檢查條件是否為真,如果
條件為真,則會重複循環
*Var在循環中使用
*Let在循環中使用
4

ページ7:

*通常,JavaScript 字串是原始
值,由字面量建立
*但是,字串也可以使用關鍵字定義
為物件new
該new關鍵字會使程式碼複雜化並降
低執行速度
*模板字串提供了一種在字串中插入
變數的簡單方法
*模板字串允許在字串中插入表達式
*此charAt()方法傳回字串中指定索
引(位置)處的字元
*此charCodeAt()方法傳回字串中
指定索引處字元的代碼
*引入了 string 方法at()
此at()方法傳回字串中指定索引(位
置)處的字元
concat()連接兩個或多個字串
此concat()方法可以代替加號運算子
使用。以下兩行程式碼的功能相同
*提取字串的一部分有3種方法:
slice(start, end)
substring(start, end)
substr(start, length)
77
*slice()提取字串的一部分,並將提
取的部分作為新字串傳回。
此方法接受2個參數:起始位置和結

ページ8:

此方法接受2個參數:起始位置和結
束位置(不包括結束位置)
*substring()與......類似slice()。
差別在於,小於0的起始值和結束值
在中被視為 0 substring()
*如果省略第二個參數, substring()
則會截取字串的其餘部分
*substr()......slice() •
差異在於第二個參數指定了 提取部分
的長度
*如果省略第二個參數, substr()則
會截取字串的其餘部分
如果第一個參數為負數,則位置從字
串末尾開始計數
*使用以下程式碼將字串轉換為大寫
toUpperCase():
使用以下程式碼將字串轉換為小寫
toLowerCase()
*該is WellFormed()方法傳回true
字串是否格式正確。
否則返回false。
8
如果字串中包含孤立的代理項,則該
字串格式不正確。
*String 方法toWellFormed() 傳

ページ9:

*String 方法toWellFormed() 傳
回一個新字串,其中所有「孤立代
理」都被替換為 Unicode 替換字元
*此trim()方法會刪除字串兩側的空格
*此trimStart()方法的運作方式與刪
除空格類似trim(),但僅刪除字串開
頭的空格。
*該padStart()方法從字串開頭開始
填充內容。
它會用另一個字串(多次)填充一個
字串,直到達到給定的長度
*該padEnd()方法從字串末尾開始填
充。
*它會用另一個字串(多次)填充一
個字串,直到達到給定的長度
*此repeat()方法傳回一個包含多個
相同字串副本的字串。
*該repeat()方法傳回一個新字串。
*該repeat()方法不會改變原始字串
*該replace()方法不會改變呼叫它所
處理的字串。
*該replace()方法傳回一個新字串。
*此replace()方法僅替換第一個匹配
值。
9

ページ10:

*如果要取代所有符合項,請使用帶
有 /g 標誌的正規表示式(正規表示式
無需加引號)replaceAll()在
Internet Explorer 中無法運
*如果要將字串作為陣列使用,可以
將其轉換為陣列。
可以使用以下方法將字串轉換為陣列
split()
*JavaScript 從零開始計數位置。
0 是字串中的第一個位置,1 是第二
個位置,2是第三個位置,...
*如果正規表示式不包含g修飾符(全
域搜尋), match()則只會傳回字串
中的第一個符合項目
*matchAll()在 Internet
Explorer 中無法運作
*includes()區分大小寫。
*startsWith()區分大小寫。該
startsWith()方法傳回true 字串是
否以指定值開頭。
否則返回false
10
*該endsWith()方法傳回true 字串
是否以指定值結尾。
否則返回false
數字。
無數

ページ11:

*該new關鍵字會使程式碼複雜化並降
低執行速度。
數字物件可能會產生意想不到的結果
*(x==y)注意兩者之間的差異
(x===y)
*比較兩個 JavaScript 物件總是回
傳false。
*該toString()方法傳回一個字串形式
的數字。
所有數值方法都可以用於任何類型的
數值(字面量、變數或表達式
*toExponential()傳回一個字串,
其中包含一個四捨五入後用指數表示
的數字。
參數定義了小數點後的字元數
*toFixed()傳回一個字串,其中數字
以指定位數的小數形式表示
*toPrecision()傳回一個字串,其中
包含一個指定長度的數字
*valueOf()傳回一個數字
12
*數位()
傳回由其參數轉換而
來的數字。
parseFloat( 解析其參數並傳回一

ページ12:

*Number.parseFloat()解析字串並
傳回一個數字。
允許使用空格。僅傳回第一個數字
*Number.parseInt()解析字串並傳
回一個整數。
允許使用空格。僅傳回第一個數字
*此Number.isInteger()方法傳回
true參數是否為整數。
*此Number.isSafeInteger()方法
傳回true參數是否為安全整
○ 函數:用關鍵字定義 function:
.
後跟函數名
•
後面跟著括號()
後面跟著花括號{}
*函數名稱遵循變數命名規則。
*可選參數列在括號內:(p1,
p2. ... )
4
*要執行的程式碼列在括號{}內。
*函數可以向呼叫者傳回一個可選值。
*當「某個東西」呼叫該函數時,函數
內部的程式碼將會執行:
當它從 JavaScript 程式碼中被
呼叫時

ページ13:

o 數字:JavaScript 只有一種數字型
別。
*數字可以帶小數,也可以不帶小數
*Javascript 中的數字總是雙精確度
浮點數(64 位元浮點數)
*
JavaScript 使用+運算子既可以
進行加法運算,也可以進行字串連
接。
*數字相加,字串連接。
11
*javaScript 在所有數值運算中都會
嘗試將字串轉換為數字
在最後一個範例中,JavaScript 使
用 + 運算子來連接字串
*NaN是 JavaScript 保留字,表示
該數字不是合法數字。
嘗試對非數字字串進行算術運算將導
致結果為NaN(非數
字) *Infinity (或-Infinity)是
JavaScript 在計算出超出最大可能
數字範圍的數字時將傳回的值
*永遠不要在數字前面加零(例如
07)。
某些 JavaScript 版本會將前加零的
數字解釋為八進制數。

ページ14:

*數位()
傳回由其參數轉換而
來的數字。
|parseFloat( 解析其參數並傳回一
)
個浮點數
parseInt()
解析其參數並傳回一
個整數
*此Number()方法可用於將
JavaScript 變數轉換為數字
13
Number()也可以將日期轉換為數字
*parseInt()解析字串並傳回一個整
數。允許包含空格。僅傳回第一個數
字
*parseFloat()解析字串並傳回一個
數字。允許包含空格。僅傳回第一個
數字
*此Number.isInteger()方法傳回
true參數是否為整數
*Number.isNaN()這是檢查是否等
於 NaN 的首選方法。不能使用 ==
或 === 來檢查是否等於 NaN。
*安全整數是指可以精確地用雙精度數
表示的整數。
此Number.isSafeInteger()方法傳
回true參數是否為安全整數。
*Number.parseFloat()解析字串並

ページ15:

當事件發生時(例如使用者點擊
按鈕)
自動(自我觸發)
15
()運算子呼叫函數。
*在JavaScript 函數中宣告的變量,
將成為該函數的 局部變數。
局部變數只能在函數內部存取
*在 JavaScript中,函數參數和實
參是不同的概念:
參數是函數定義中列出的名稱。
參數是函數接收的值。
*如果在呼叫函數時傳入的參數過多
(超過宣告的參數數量),則可以使
用arguments 物件存取這些參數。
○ 物件:物件是一種可以容納多個變數的
變數。
*物件是鍵值對的集合,其中每個鍵
(稱為屬性名)都有一個值。
*物體可以用來描述任何事物,例如房
屋、汽車、人、動物或任何其他事物
*你應該使用const關鍵字來聲明物
件。
*當一個物件用 const 宣告時,你不

ページ16:

*當一個物件用 const 宣告時,你不
能再將其重新賦值給另一個變數。
*這並不會使物件不可更改。您仍然可
以修改其屬性和值。
*為了提高可讀性、簡潔性和速度,請
改用物件字面量
*物件方法是可以對物件執行的操作。
物件方法是以屬性值形式儲存的函數
定義
*有時我們需要建立許多相同類型的物
件。
*要建立物件類型,我們使用物件建構
函數。
*通常認為,建構函數名稱的首字母大
寫是一種良好的命名規範
*在構造函數中,this沒有值。
this當建立一個新物件時,該值將成
為新物件
*原始資料類型是指只能儲存單一原始
值的資料類型。
JavaScript 定義了 7種基本資料類
型:

ページ17:

JavaScript 定義了 7 種基本資料類
型:
string
“你好”
number
3.14
boolean
真的
|bigint
null
12345678901234
無效的
undefined | 不明確的
symbol
0 日期:
*日期物件是靜態的。「時鐘」並沒
有「運作」
。
*電腦時鐘在滴答作響,而日期物件卻
不會。
*Date 物件是透過 new Date()建構
函式建立的。
*建立新的日期物件有9種方法
*new Date()建立一個包含目前日期
和時間的日期物件
*new Date(date string)根據日期
字串建立日期物件

ページ18:

*new Date(year, month, ...)₺ǹ
一個具有指定日期和時間的日期物件
*JavaScript 將月份計數從0到11:
一月 = 0。
十二月 = 11。
*new Date(milliseconds)建立一
個新的日期對象,格式為毫秒加零時
間:
○陣列:
18
JavaScript 陣列的主要特點是:
元素:陣列是值的列表,這些值稱為
元素。
有序:數組元素根據其索引進行排
序。
從零開始索引:第一個元素的索引為
0,第二個元素的索引為1,依此類
推。
動態大小:陣列會隨著元素的新增或
刪除而成長或縮小。
異質:陣列可以儲存不同資料類型的
元素(數字、字串、物件和其他陣
列)。
*使用const關鍵字聲明數組是常見的
做法。
*注意:數組索引從0開始。

ページ19:

*類型化陣列儲存固定類型的元素,例
如 8 位元整數或32位元數字
*對於需要處理原始二進位資料的函數
來說,類型化數組比普通數組速度快
得多。類型化數組非常適合以下場
景:
WebGL 和 Canvas :
快速圖形渲染和影像處理。
檔案 API :
快速讀取和寫入本機檔案。
媒體 API:
20
快速處理音訊和視訊資料。
WebSocket:
透過網路進行高效率的二進位資料傳
輸
*類型化數組並非真正的數組。
*對類型化數組使用 isArray() 函數
會傳回 false。
*許多數組方法(如push 和 pop)
在類型化數組中不受支援。
*JavaScript 中的算術運算應使用雙
精確度浮點運算
o 集:JavaScript Set 是一個唯一值的
集合。
*集合中的每個值只能出現一次。

ページ20:

[0] 是第一個元素。 [1] 是第二個元
素。
*JavaScript 方法toString()將陣
列轉換為以逗號分隔的陣列值字串。
*數組是一種特殊的物件。typeof在
JavaScript 中,`if 運算子對於陣
列傳回的是「物件」
。
*數組的屬性length傳回數組的長度
(數組元素的數量)
*JavaScript 有一個內建的陣列建構
函數new Array()。
但您可以安全地使用其他替代方法。
*這兩個不同的語句都建立了一個名為
points 的新空數組
*一個常見的問題是:如何判斷變數是
否為陣列?
問題在於 JavaScript 運算子
typeof回傳「object":
o 類型化數組:
19
*類型化數組是為處理二進位資料而設
計的。
*與陣列不同,類型化數組是固定長度
的緩衝區。
M+ TIPE HILL —==
ITIL

ページ21:

*集合中的每個值只能出現一次。
*這些值可以是任何類型,包括原始值
和物件。
*建立 JavaScript集:
將數組傳遞給new Set()
建立一個空集並使用它add()來
新增值
*將數組傳遞給建構new Set()函數
*您可以使用for...of循環列出集合中
的所有元素(值)
o 地圖:Map 物件保存鍵值對,其中鍵
可以是任何資料類型。
映射表也會記住鍵的原始插入順序。
*建立 JavaScript 地圖:
將數組傳遞給 new Map()
創建地圖並使用Map.set()
*此get()方法取得 Map 中某個鍵的
值:
*typeof返回對象
*instanceof地圖回傳 true
o 數學對象:JavaScript Math 物件可
讓您執行數學運算。
Math 物件是靜態的。

ページ22:

Math 物件是靜態的。
所有方法和屬性都可以在不先建立
Math 物件的情況下使用。
*任何 Math 屬性的語法
為:。Math.property
n
JavaScript 提供了8個數學常數,
可以作為 Math 屬性存取
*Math 任意方法的語法為:
Math.methodd number)
*Math.round(x)傳回最接近的整數
*Math.ceil(x傳回x的值向上取整
到最接近的整數
*Math.floor(x)傳回x向下取整到最
接近的整數的值
*Math.trunc(x)傳回x的整數部分
*
·Math.sign(x傳回x為負數、null
或正數的情況。
如果 x 為正數,則傳回 1
• 如果 x 為負數,則傳回-1
如果 x 為零,則傳回 O
*Math.pow(x,y)傳回x的 y 次方
值
*Math.sqrt(x傳回x的平方根
康同
T

ページ23:

*Math.sqrt(x傳回x的平方根
*Math.abs(x傳回x的絕對值(正
值)
*Math.sin(x)傳回角度x(以弧度表
示)的正弦值(介於-1和1之間的
值)。
*如果你想使用角度而不是弧度,你需
要將角度轉換為弧度:
*弧度角 = 度角x/180。
*Math.cos(x傳回角度x(以弧度
表示)的餘弦值(介於-1和1之間
的值)。
*如果你想使用角度而不是弧度,你需
要將角度轉換為弧度:
*弧度角 = 度角xm/180
23
*Math.min()可Math.max()用於尋
找參數清單中的最小值或最大值
*Math.random()傳回介於0(含)
和1(不含)之間的隨機數
*Math.log(x傳回x的自然對數。
*自然對數表示達到特定成長水準所需
的時間
○ 正規表示:正規表示式是一串字符,用
於構成搜尋模式。
Pongx旦正非表示式的受用節宜彩

ページ24:

Regex是正規表示式的常用簡寫形
式。
JavaScript RexExp是用來處理正
規表示式的物件。
*正規表示式可用於:
冲
.
文字搜尋
.
文字替換
文字驗證
| 方法
描述
匹配(正規表示 傳回結果數組
式)
替換(正規表示 傳回一個新的字串
式)
搜尋(正規表示 傳回第一個匹配項
的索引
式)
*在正規表示式中,變更以垂直線字元|
表示。
修改項與以|分隔的任何備選方案都相
符。
*正規表示式標誌是可以修改模式使用
方式的參數,例如使其不區分大小寫
或全域生效。
*/g標誌匹配模式的所有出現位置,而
不僅僅是第一個出現的位置
*/i標誌使匹配不區分大小寫:/abc/i

ページ25:

*/i標誌使匹配不區分大小寫:/abc/i
匹配“abc”、“ABC”、“ABC”。
*元角色是指具有特殊意義的角色。
它們可以用來匹配數字\d、單字\w、
空格\s等等。
*量詞定義要符合的字元或表達式的數
量。
*
25
x*
x?
x{n}
Matches zero or more
occurrences of x
Matches zero or one
occurrences of x
Matches n occurences
of x
*
>
$
字串邊 匹配字串的開頭
界
|字串邊 匹配字串的結尾
界
\bea
|字界
與單字的開頭或
結尾匹配
(?
展望未 與後續字串匹配
|=... )
來
( ? <= 後視
與前一個字串匹
.)

ページ26:

( ?<= 後視
與前一個字串匹
.)
配
*字元類別是用方括號[]括起来的字
元。
[a]
Matches the character
between the brackets
[abc] Matches all characters
between the brackets
|[a-z] Matches all characters
in the range from a to z
|[0-9] Matches all characters
in the range from 0 to 9
o 資料類型:JavaScript 變數可以保存
8種類型的資料
細繩
數位
比金特
用引號括起來的一段文
字。
「表示數學值的數字
表示大整數的數字
动
布林值
表示真或假的資料類型
目的
一組鍵值對數據
|不明確的
一個未賦值的原始變數
無效的
表示物件缺失的原始值
象徵 |一個唯一且原始的標識符
當數字和字串相加時,JavaScript

ページ27:

當數字和字串相加時,JavaScript
會將數字視為字串。
*JavaScript 支援動態型別
*整數:
byte (8位元)、short(16位
元)、int (32 位元)、long (64
位元)
實數(浮點數):
float (32 位元),double (64位
元)。
Javascript 中的數字總是雙精確度
浮點數(64 位元浮點數)。
*物件屬性以名稱:值對的形式編寫,
以逗號分隔。
*JavaScript 物件可以表示
JavaScript 物件或使用者定義的物
件
目的
|複雜資料的基本建置
|模組
大批
透過數值索引存取的
值對象
日期
用於處理日期和時間
的對象
正規表示式
用於處理正規表示式
的對象
地圖
「鍵值對對象,其中鍵

ページ28:

地圖
放
「錯誤
承諾
整數數組
整數16數組
| Int32數組
浮點數16數
組
H.-.
鍵值對對象,其中鍵
可以是任何資料類型
一個包含多個值的對
象,其中每個值只能
出現一次。
該物件表示程式執行
過程中出現的錯誤情
況。
表示非同步操作完成
或失敗的對象
用於儲存固定大小的
8位元整數值的陣列
用於儲存固定大小的
16位元整數值的陣列
用於儲存固定大小的
32 位元整數值的陣列
用於儲存固定大小的
16位元浮點值的陣列
Float32數組 用於儲存固定大小的
32 位元浮點值的陣列
浮點數64數
|用於儲存固定大小的
64 位元浮點值的陣列
組
|BigInt64數用於儲存固定大小的
組
64 位元大整數值的陣
列

ページ29:

它們都具有全球視野:
•
功能範圍:函數內部定義的變數無
法從函數外部存取(可見)。
在函數內部宣告時,使用`&
var、`&`let 和`& `宣告的變
數非常相似。const
它們都具有功能範圍:
區塊範圍:JavaScript 關鍵字:
.
let和const。
這兩個關鍵字在 JavaScript 中
實作了區塊級作用域。
在程式碼區塊內宣告的變數是
「區塊作用域」的,這表示它們
只能在該程式碼區塊 et內存
取。const
這有助於防止意外的變數覆蓋
並促進更好的程式碼組織
*如果給一個尚未宣告的變數賦值,它
將變成全域變數。
*這段程式碼範例會宣告一個全域變量
carName,即使該變數的值是在函
數內部賦值
*JavaScript 變數的生命週期從宣告
時開始

ページ30:

*在 JavaScript中,變數或表達式
可以透過多種方式獲得 null 資料類
型。
函數可以傳回 null 值,也可以將
null 值賦給變數
*typeof運算子對於 null 值傳回
object 物件。
這是 JavaScript 的歷史遺留問題,
並不表示 null 是物
○錯誤:
29
*該ty語句可讓您定義一個程式碼區
塊,以便在執行過程中測試是否有錯
誤。
該catch語句可讓您定義一個程式碼
區塊,當 try 程式碼區塊中發生錯誤
時,該程式碼區塊將會執行。
JavaScript 語句try是catch 成對
出現的
*ReferenceError如果使用(引
用)不存在的變量,則會發生錯誤
*Type Error當值類型錯誤或對該類
型執行無效操作時,就會發生錯誤
*RangeError當值超出其有效範圍
時,就會發生A現象。
*URIError如果在 URI 函數中使用

ページ31:

*URIError如果在URI函數中使用
非法字符,則會發生錯誤
*Syntax Error當程式碼違反
JavaScript 語法規則時,就會發生
A 錯誤
○ 事件:HTML事件是指發生在HTML元
素上的「事情」
。
當在 HTML 頁面中使用
JavaScript 時,JavaScript 可以
對這些事件 做出「反應
*JavaScript 程式碼通常很長,通常
包含多行。更常見的情況是事件屬性
呼叫函數
o 作用域:
*範圍 = 可見性
作用域決定變數的可訪問性(可見
性)。
JavaScript 變數有3種作用域:
全球範圍:全域變數可以在
JavaScript 程式中的任何位置
存取。
var在程式碼區塊之外宣告的變
量,用`&`、let`&`和`& 宣
告的const變數非常相似。
. 它們都具有全球視野:
•

ページ32:

*JavaScript 變數的生命週期從宣告
時開始。
*函數執行完畢後,函數(局部)變數
將被刪除。
*在網頁瀏覽器中,關閉瀏覽器視窗
(或標籤頁)時,全域變數會被刪除
*語句:以語句標識符開頭,用於標識
要執行的操作。
*語句標識符是保留字(不能用作變數
名稱或其他任何用途)
{}
| async function
async function *
await using
break
class
const
continue
debugger
do...while
for
3
|for...in

ページ33:

for
for...in
for...of
for await...of
function
function*
if...else...else if
import
import attributes
let
return
switch
throw
try...catch...finally
using
var
while
}}