2. 型態、變數與運算子
•Download as PPTX, PDF•
0 likes•590 views
使用REPL 認識內建型態 使用 let、const、var 宣告變數 掌握型態轉換
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 2. 型態、變數與運算子
Similar to 2. 型態、變數與運算子 (19)
More from 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