Javascript

解構：使用資料存取更便捷 如果使用 var、let 或 const 解構宣告變數，則必須要提供初始化程式（也就是等號右側的值）如下會導致錯誤 // 語法錯誤 var {tyep,name} // 語法錯誤 let {type,name} // 語法錯誤 const {type,name} 使用解構給已經宣告的變數賦值，如下 let node = { type:&qu…

Symbol 與 Symbol 屬性 第6種原始資料型別：Symbol。私有名稱原本是為了讓開發者們建立非字串屬性名稱而設計的，但是一般的技術無法偵測這些屬性的私有名稱 建立 Symbol let firstName = Symbol(); let person = {} person[firstName] = "Nicholas"; cons…

Set集合與Map集合 在js中有一個in運算子，其不需要讀取物件的值就能判斷屬性在物件中是否存在，如果存在就回傳true。但是in運算子也會檢查物件的原型，只有當物件原型為null時使用這個方法才比較穩妥。 Set集合 let set = new Set() set.add(5) set.add("5") console.log(s…

迭代器（Iterator）和產生器（Generator）這項新特性對於高效的資料處理而言是不可或缺的，你也會發現在語言的其他特性中也都有迭代器的蹤影：新的 for-of 迴圈、展開運算子 (...)、甚至連非同步程式設計都可以使用迭代器。 迭代器是一種特殊的物件，它具有一些專門為迭代過程設計的專有介面，所有的迭代器物件都有一個 next() 方法，每次呼叫都傳回一個結果對…

JavaScript 中的類別 function PersonType(name){ this.name = name; } PersonType.prototype.sayName = function(){ console.log(this.name) } var person = new PersonType("Nicholas") p…

改進的陣列功能 new Array() 的怪異行為，當建構函式傳入一個數值型的值，那麼陣列的 length 屬性會被設為該值；如果傳入多個值，此時無論這些值是不是數值型的，都會變為陣列的元素。這個特性令人困惑，你不可能總是注意傳入資料的類型，所以存在一定的風險。 Array.of() 無論傳多少個參數，不存在單一數值的特例（一個參數且數值型），總是返回包含所有參數…

Promise與異步程式設計 因為執行引擎是單執行緒的，所以需要追蹤即將執行的程式碼，那些程式碼會被放在一個任務佇列中，每當一段程式碼準備執行時，都會被新增到任務佇列中，每當引擎中的一段程式碼結束執行時，事件迴圈會執行佇列中的下一個任務。 Promise 相當於異步操作結果的佔位符，它不會去訂閱一個事件，也不會傳遞一個回呼函式給目標函式，而是讓函式回傳一個 Promise，就像這樣…

代理（Proxy）和反射（Reflection）API 代理是一種可以攔截並改變底層 JavaScript 引擎操作的包裝器，在新語言中透過它暴露內部運作物件，從而讓開發者可以建立內建物件。 代理陷阱 覆寫的特性 預設特性 get 讀取一個屬性值 Reflect.get() set 寫入一個屬性值 Reflect.set() has in 運算子 Reflect…

用模組封裝程式碼 JavaScript 使用「共享一切」的方式載入程式碼，這是該語言中最容易出錯且令人感到困惑的地方。其他語言使用諸如套件（package）之類的概念來定義程式碼作用域。在 ES6 以前，在應用程式的每一個 JavaScript 檔案中定義的一切都共享一個全域作用域。隨著網頁應用程式變得更加複雜，JavaScript 程式碼的使用量也開始增長，這種做法會引起問題，例如命名衝突和安全性問題。ES6 的一個目標是解決作用域問題…