JavaScript 6 裡都有啥新鮮東西?
- let, const (用來定義block-local變數), 程式過程中的function
-
解構: let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5}) - 預設引數值: function f(x, y=1, z=0) {⋯}
-
其它引數: function g(i, j, ...r) { return r.slice(i, j); }
(不需要再使用 arguments )。 - 資料展開: let a = [0,1,2,3], o = new Something(...a);。也可以用於陣列字面量: [1, ...array, 4].
-
物件簡寫:
let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }. -
函式簡寫 (a) => a * a 效果等同
(function(a) { return a * a; }).bind(this) -
map, set: let m = new Map(); m.set(key, value); m.has(key); m.get(key).
還包括 .clear(), .delete(), .forEach(), .keys(). - 弱map: let map = new WeakMap()。當有迴圈引用時使用它。同理 new WeakSet()。
-
promise: new Promise((resolve, reject) => {…}).
- 當 promise.then(value => {…})時,resolve(valueOrPromise) 返回承諾的值 (或者是一個新的promise,形成鏈式呼叫)
- 當promise.then(…).then(…).catch(error => {…})時reject(new Error(…)) 中斷promise
- 快速 promise 建立: Promise.resolve(value), Promise.reject(error).
-
迭代: Promise.all(listOfPromises).then(listOfValues => …),
Promise.race(listOfPromises).then(valueThatResolvedFirst => …)
-
代理: let obj = new Proxy(proto, handler).
簡單說: 使用類物件的元素進行過載(能夠帶來所有可訪問的屬性。) -
生成器: function* gen() { yield 1; yield 2; }
事實上,gen() 會返回一個含有 next() 函式的物件。 - 迴圈: for (var [key, val] of items(x)) { alert(key + ',' + val); }。
-
類定義中使用extends, super, 和 static:
class Point extends Base { constructor(x,y) { super(); this[px] = x, this[py] = y; this.r = function() { return Math.sqrt(x*x + y*y); } } get x() { return this[px]; } get y() { return this[py]; } proto_r() { return Math.sqrt(this[px] * this[px] + this[py] * this[py]); } equals(p) { return this[px] === p[px] && this[py] === p[py]; } }
-
符號(Symbol)物件,建立私有的key,可用於map和類中(私有成員
members)。let a = Map(); { let k = Symbol(); a.set(k, 'value'); // 這裡你可以訪問和設定'value',比如a.get(k)。 } //這裡不行,k是不可見的。
-
模組化:
module math { export function sum(x, y) { return x + y; } export var pi = 3.141593; } import {sum, pi} from math; alert(sum(pi,pi));
-
模板式字串: 可以多行,並能嵌入變數。
`You are ${age} years old.`.// 多行字串 re`line1: (words )* line2: \w+` // It desugars to: re({raw:'line1: (words )*\nline2: \w+', cooked:'line1: (words )*\nline2: \w+'})
- 型別化陣列
語言規範: http://people.mozilla.org/~jorendorff/es6-draft.html
語言規格建議書: http://wiki.ecmascript.org/doku.php?id=harmony:proposals
相關文章
- HTML5.1 裡的新東西HTML
- jQuery 3 有哪些新東西jQuery
- [譯]JS裡我才知道的東西JS
- JavaScript物件導向那些東西-繼承JavaScript物件繼承
- git裡最有用最經常使用的東西Git
- input 框裡面的東西刪不掉怎麼辦?
- JavaScript6裡出現了哪些新語法、新特徵?JavaScript特徵
- 怎麼做新媒體運營?新媒體都有啥工作?
- JavaScript新鮮事·第4期JavaScript
- 三種東西永遠不要放到資料庫裡資料庫
- [翻譯]JDK8有什麼新東西?JDK
- 上線第一年,Instagram 的技術棧都有哪些東西?
- 在阿里工作的日子裡,我都學到了哪些東西?阿里
- Android7.1新特性shortcut文件之外的東西Android
- CSS選擇器 4 中包括了哪些新東西?CSS
- Linux 3.16 核心中有什麼新東西?Linux
- 哪三樣東西永遠不能放進資料庫裡資料庫
- Kubernetes 學習筆記-- kafka往couchdb裡倒東西筆記Kafka
- 這三種東西永遠不要放到資料庫裡(ZT)資料庫
- dbca裡面的 示例方案 和 HR schema是一個東西嗎
- 新接觸oracle資料庫需要了解的東西Oracle資料庫
- 37個最好的學習新東西的網站(譯)網站
- diff -u: 核心開發裡的新鮮事兒
- PHPSTORM 相關東西PHPORM
- 東拼西湊學javaJava
- 不要偷黑客的東西黑客
- 什麼東西在Go裡用著開心而在其他語言裡卻很難?Go
- 鮮花#6
- 我在阿里工作的這段時間裡,都學到了哪些東西阿里
- Javascript是個好東西(廣大人民的智慧是無窮的):JavaScript
- 框架是個什麼東西?框架
- 未來學東西的思路
- 筆試不會的東西筆試
- 關於 智慧指標的東西指標
- iOS iPhone SDK 包含哪些東西?iOSiPhone
- TCP Socket一些東西TCP
- 蘋果真正賣的東西蘋果
- 程式設計師買東西程式設計師