JavaScript6里都有啥新鮮東西？

• 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 => …)
  </ul> </li>
  • 代理: 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));</pre> </li>
    模板式字符串: 可以多行，并能嵌入變量。
    
    `You are ${age} years old.`.
    // 多行字符串
    reline1: (words )*
    line2: \w+
    
    // It desugars to:
    re({raw:'line1: (words )\nline2: \w+',
        cooked:'line1: (words )\nline2: \w+'})</pre> </li>
    類型化數組
    </ul>
    
    語言規范: http://people.mozilla.org/~jorendorff/es6-draft.html
    
    語言規格建議書: http://wiki.ecmascript.org/doku.php?id=harmony:proposals
    來自：http://www.webhek.com/javascript6
    
                        
    
                            
     本文由用戶 jopen  自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
                            
     轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
                            
     本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
                            
     
    本文地址：http://www.baiduhome.net/news/view/13231b3                        
                            
     JavaScript