前端開發

解構：使用數據訪問更便捷 如果使用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中有g一個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用“共享一切”的方法加載代碼，這是該語言中最容易出錯且另人感到困惑的地方。其他語言使用諸如包這樣的概念來定義代碼作用域。在es6以前，在應用程序的每一個js中定義的一切都共享一個全局作用域。隨著web應用程序變得更加複雜，js代碼的使用量也開始增長，這一做法會引起問題，如命名衝突和安全問題。es6的一個目標是解決作用域問題…