JavaScript ES6 教學

ES6 = ECMAScript 6 = ECMAScript 2015. 
ES6 還是未有直接support class的 private member.
當使用const/let等時, 且在node.js上, 則一定要運行在Strict Mode Code下, 即use strict. 不然會出現 Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
ES6 如何在class上模擬private data/method:
1.​http://www.2ality.com/2016/01/private-data-classes.html​
2.​http://stackoverflow.com/questions/27849064/how-to-implement-private-method-in-es6-class-with-traceur​
上述兩個link都提到兩種方式WeakMap & Symbol.
ES6裡的Prototype
class 本質上是prototype的syntactical sugar)的導入. [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain]
Since ECMAScript 6, the [[Prototype]] is accessed using the accessors Object.getPrototypeOf() and Object.setPrototypeOf().
let , const 為 block level 變數的關鍵字
if(true){
  var x = 1;
}
console.log(x); //1
​
if(true){
  let y = 2; //its lifetime is only in thie scope     
}
console.log(y); //exception, undefined
shorthand syntax of Method definitions
Given the following code:
var obj = {
  foo: function() {},
  bar: function() {}
};
You are now able to shorten this to:
var obj = {
  foo() {},
  bar() {}
};
其餘部份待補充, 可先參考
​https://github.com/lukehoban/es6features​
上面網站裡的功能清單 ES6 includes the following new features:
​arrows​
​classes​
​enhanced object literals​
​template strings​
​destructuring​
​default + rest + spread​
​let + const​
​iterators + for..of​
​generators​
​unicode​
​modules​
​module loaders​
​map + set + weakmap + weakset​
​proxies​
​symbols​
​subclassable built-ins​
​promises​
​math + number + string + array + object APIs​
​binary and octal literals​
​reflect api​
​tail calls​

Client - 用Fetch跟Server要資料

箭頭函數Arrow Function

Last modified 4yr ago