原创 es6+最佳入門實踐(6)

6.Symbol用法 6.1.什麼是Symbol? Symbol是es6中一種新增加的數據類型,它表示獨一無二的值。es5中我們把數據類型分爲基本數據類型(字符串、數字、布爾、undefined、null)和引用數據類型(Object),在

原创 es6+最佳入門實踐(8)

8.Promise 8.1.什麼是異步? 要理解異步,首先,從同步代碼開始說 alert(1) alert(2) 像上面的代碼,執行順序是從上到下,先後彈出1和2,這種代碼叫做同步代碼 alert(0) setTimeout(functio

原创 es6+最佳入門實踐(7)

7.set和map數據結構 7.1.什麼是set? Set就是集合,集合是由一組無序且唯一的項組成,在es6中新增了set這種數據結構,有點類似於數組,但是它的元素是唯一的,沒有重複 let st = new Set([1,2,2,3,3

原创 es6+最佳入門實踐(2)

2.解構賦值 2.1.什麼是解構賦值? 什麼是解構賦值?這裏的關鍵字還是賦值,這是說如何去賦值的問題,這裏說的解構可以理解爲解散重新構造,所以解構賦值可以理解爲解散重新構造後進行賦值,通常是左邊一種結構,右邊一種結構,左右的結構拆開來一一對

原创 es6+最佳入門實踐(13)

13.模塊化 13.1.什麼是模塊化 模塊化是一種處理複雜系統分解爲更好的可管理模塊的方式。通俗的講就是把一個複雜的功能拆分成多個小功能,並且以一種良好的機制管理起來,這樣就可以認爲是模塊化。就像作家把書分成很多章節來寫一樣,程序員寫代碼分

原创 es6+最佳入門實踐(11)

11.async函數 async 函數是什麼?一句話,它就是 Generator 函數的語法糖。通俗的說就是Generator函數的另一種寫法,這種寫法更簡潔,除此之外,async函數還對Genrator進行了一些改進 首先,來回顧一下Ge

原创 es6+最佳入門實踐(14)

14.模版字符串 模版字符串(template string)是增強版的字符串,定義一個模版字符串需要用到反引號 let s = `這是一個模版字符串` console.log(s) 14.1.模版字符串的應用場景 在es5中,我們經常會遇

原创 es6+最佳入門實踐(9)

9.Iterator和for...of 9.1.Iterator是什麼? Iterator又叫做迭代器,它是一種接口,爲各種不同的數據結構提供統一的訪問機制。這裏說的接口可以形象的理解爲USB接口,有了這個接口可以做不同的事情,在編程中所說

原创 es6+最佳入門實踐(12)

12.class基礎用法和繼承 12.1.class基礎語法 在es5中,面向對象我們通常寫成這樣 function Person(name,age) { this.name = name; this.age = age;

原创 es6+最佳入門實踐(10)

10.Generator 10.1.Generator是什麼? Generator函數是ES6提供的一種異步編程解決方案。在它的內部封裝了多個狀態,因此,又可以理解爲一種狀態機,執行Generator函數後返回一個迭代器對象,使用這個迭代器

原创 es6+最佳入門實踐(4)

4.函數擴展 4.1.參數默認值 默認參數就是當用戶沒有傳值的時候函數內部默認使用的值,在es5中我們通過邏輯運算符||來實現 function Fn(a, b) { b = b || "nodeing"; return a

原创 es6+最佳入門實踐(3)

3.數組擴展 3.1.擴展運算符 擴展運算符用三個點(...)表示,從字面上理解,它的功能就是把數組擴展開來,具體形式如下: let arr = [1, 2, 3]; console.log(...arr); //打印結果 1 2 3 /

原创 es6+最佳入門實踐(5)

5.對象擴展 5.1.對象簡寫 在es5中,有這樣一種寫法 var name = "xiaoqiang"; var age = 12; var obj = { name : name, age : age } 在es6中,我

原创 es6+最佳入門實踐(1)

1.let和const 1.1.let和塊級作用域 在es5中,js的作用域分爲全局作用域和局部作用域,通常是用函數來區分的,函數內部屬於局部作用域,在es6中新增了塊級作用域的概念,使用{}括起來的區域是一個塊級作用域 { var