2. 型態、變數與運算子
•Transferir como PPTX, PDF•
0 gostou•590 visualizações
使用REPL 認識內建型態 使用 let、const、var 宣告變數 掌握型態轉換
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a 2. 型態、變數與運算子
Semelhante a 2. 型態、變數與運算子 (19)
Mais de Justin Lin
2. 型態、變數與運算子
- 2. 2.型態、變數與運算子 • 學習目標 – 使用REPL – 認識內建型態 – 使用 let、const、var 宣告變數 – 掌握型態轉換 2
- 3. 使用 REPL 3
- 4. 4
- 5. 5
- 6. 6
- 8. 8
- 9. 哈囉！世界！ 9
- 10. 10 UTF-8
- 12. UCS-2/UTF-16 • JavaScript字串最初採用的內部編碼是 UCS-2 • 兩個位元組為一個碼元（Code unit） • ISO/IEC與Unicode Consortium兩個團隊 都打算統一字元集 • 合併之後才發佈了Unicode 1.0 12
- 13. • 越來越多的字元被納入Unicode字元集，超 出碼點U+0000至U+FFFF可容納的範圍 • 1996年公佈了UTF-16，除了沿用UCS-2兩 個位元組的編碼部份之外，也採用四個位 元組來編碼更多的字元 • UTF-16編碼可能是兩個或四個位元組 • JavaScript後來才支援UTF-16 13
- 14. 內建型態 • 基本（Primitive）型態 • 複合（Composite）型態 • 兩個特殊的值null與undefined 14
- 15. 基本型態 • 數字（number） • 字串（string） • 布林（boolean） • ES6增加了符號（symbol） 15
- 18. 18
- 21. 21
- 23. • 處理U+0000至U+FFFF以外的字元，以字 元在UTF-16編碼時的高低位元組來表示， 也就是使用兩個碼元 • 例如高音譜記號 的Unicode碼點為 U+1D11E，必須撰寫為'uD834uDD1E' 來表示，這稱為代理對（Surrogate pair） • ES6增加了u{…}表示法 23
- 26. • 字串的charAt()方法，索引由0開始，元素 是以碼元為單位 – 'u{1D11E}'.charAt(0)方法取得的元素 是碼元'uD834'，而不是Unicode字元 'u{1D11E}‘ • JavaScript中的uhhhh，其實是碼元表示 方式 • 如果環境允許，在指定碼點時，建議使用 u{…}來取代uhhhh 26
- 28. 布林 • 布林值只有兩個值，true與false • 使用typeof， 結果會是'boolean' 28
- 29. 複合型態 • 就是指物件（Object） • 帶有額外的特性或方法 • typeof都會傳回'object‘ • 物件實字（Object literal） 29
- 33. • 可以直接建立包裹物件 33
- 34. 使用陣列 • 可以使用陣列實字（Array literal） • 每個陣列都是Array的實例 34
- 38. • 使用物件來模擬陣列 38
- 41. 變數 41
- 42. • let與const是ES6新增語法，在環境允許 的情況下，建立變數或常數應該優先使用 • 程式語言可分靜態定型（Statically- typed）、動態定型（Dynamically-typed） • JavaScript屬於動態定型語言 42
- 46. • 如果沒有使用let或const來宣告變數或常 數，會發生ReferenceError，表示「變 數未定義」 • 使用let宣告變數時，若該變數已經存在， 會引發SyntaxError • 如果let宣告了變數，然而沒有指定值，執 行完宣告後，會給予undefined 46
- 48. • 絕大多數情況，不會希望變數有提昇行為 • 使用let也是會有提昇行為，只不過存在著 暫時死區（Temporal dead zone） – 在正式執行let該行前，變數不會被給予值 （連undefined都不給） • 使用var宣告變數時，若該變數已經存在， 並不會有任何錯誤，這不是好的特性 48
- 49. undefined與null • 無論是使用let或var，若宣告變數時未指 定值，變數會被給予特殊值undefined • 試圖取得物件上不存在的特性時，也會傳 回undefined • undefined是JavaScript中的特殊值，表 示值沒有定義 49
- 52. • null用來表示沒有物件 • 對null使用typeof會得到'object' • null並非是Object的實例 • 試圖存取null的特性或呼叫方法，會引發 TypeError 52
- 53. 嚴格模式 • ES5增加了嚴格模式（Strict mode） • 啟用嚴格模式以後，若誤用了不好或早期 規範模糊不清的特性，會發生直譯或執行 等相關錯誤 53
- 54. 加減乘除運算 • 浮點數誤差 • 0.5 1/2 • 0.75 1/2 + 1/4 • 0.875 1/2 + 1/4 + 1/8 • 0.1 1/16 + 1/32 + 1/256 + 1/512 + 1/4096 + 1/8192 +... 54
- 56. • 使用a % b時會進行除法運算，並取餘數 作為結果 • 若被除數不為0，而除數為0的話，會產生 無限值 56
- 57. • 使用+運算子可以串接字串 • 字串不可變動，+串接字串時會產生新字串， • 字串是基本型態，可以直接比較相等性 57
- 58. • 程式語言有所謂的強型別（Strong type） 與弱型別（Weak type）語言 • 強弱之分是相對而言，JavaScript極度偏向 弱型別 58
- 61. 比較運算 • >、<、>=、<=運算子 • 對於數字進行>、<、>=、<=，就是比較 數字大小 • 對於字串，會逐字元依Unicode碼點順序來 比較 61
- 65. NaN • 當運算結果無法產生數值時，就會產生NaN • NaN表示Not a Number • typeof的結果是'number' 65
- 66. • NaN不等於任何值，也是唯一不等於自身的 值 • ===與!==用於NaN比較時，遵照IEEE 754 的規範 • 實務開發上應該避免產生NaN，方式之一是 避免非掌握中的自動型態轉換，避開不好 的運算特性 66
- 67. 邏輯運算 67
- 70. 位元運算 70
- 73. • 條件運算子 73
- 74. 74
- 75. • 遞增1或遞減1 75