ECMAScript 6 簡介

lansheng228 發布于2019-08-21 12:12 / 1022人閱讀

摘要：是的下一個標準，正處在快速開發之中，大部分已經完成了，預計將在年正式發布。將在這個標準的基礎上，推出。的目標，是使得可以用來編寫復雜的應用程序函數庫和代碼的自動生成器。最新的瀏覽器已經部分支持的語法，可以通過瀏覽器兼容表查看瀏覽器支持情況。

ECMAScript 6 是JavaScript的下一個標準，正處在快速開發之中，大部分已經完成了，預計將在2014年正式發布。Mozilla將在這個標準的基礎上，推出JavaScript 2.0。

ECMAScript 6 的目標，是使得JavaScript可以用來編寫復雜的應用程序、函數庫和代碼的自動生成器（code generator）。

最新的瀏覽器已經部分支持ECMAScript 6 的語法，可以通過《ECMAScript 6 瀏覽器兼容表》查看瀏覽器支持情況。

一、ECMAScript 6 新內容一覽

let, const (定義塊級局部變量), 函數在塊級域中

解構: let {x, y} = pt; let [s, v, o] = triple(); (如可以 let pt = {x:2, y:-5}).

參數設置默認設置: function f(x, y=1, z=0) {...}

rest: function g(i, j, ...r) { return r.slice(i, j); } (而不是瘋狂地使用arguments).

spread: let a = [0,1,2,3], o = new Something(...a);

proxies: let obj = Proxy.create(handler, proto). 簡單地說，就是類對象元素的符號重載.

weak map: let map = new WeakMap. 當你有循環應用的時候用它.

generators: function* gen() { yield 1; yield 2; } 事實上, gen() 返回一個有next()屬性的對象

迭代器: for (var [key, val] of items(x)) { alert(key + "," + val); }. Iterators 可以是 generators 或者 proxies.

array and generator comprehension: [a+b for (a in A) for (b in B)] (array comprehension), (x for (x of generateValues()) if (x.color === "blue")) (generator expression).

二進制數據: const Pixel = new StructType({x:uint32, y:uint32, color:Color}) (此處Color本身就是一個結構類型), new ArrayType(Pixel, 3).

類語法, 包含 extends, prototype, and super:

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]; }
}

模塊:

module math {
  export function sum(x, y) {
    return x + y;
  }
  export var pi = 3.141593;
}
import {sum, pi} from math;
alert(sum(pi,pi));

quasis: multiline, 可擴展的預處理字符串. You are ${age} years old..

// The following regexp spans multiple lines.
re`line1: (words )*
line2: w+`

// It desugars to:
re({raw:"line1: (words )*
line2: w+",
    cooked:"line1: (words )*
line2: w+"})

二、參考資料

http://espadrine.github.io/Ne... espadrine

http://javascript.ruanyifeng.... ruanyifeng

ECMAScript 6系列文章請移步：http://barretlee.com/ES6/

GPU云服務器云服務器 ECMAScript 6 ECMAScript ECMAScript6 使用簡介

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87489.html

JavaScript 簡介

摘要：簡介原文鏈接簡稱是一種輕量級，解釋型的編程語言，其函數是一等公民。標準的目標是讓任何一種程序設計語言能操控使用任何一種標記語言編寫出的任何一份文檔。核心規定了如何映射基于的文檔結構，以便簡化對文檔的任意部分的訪問和操作。 JavaScript 簡介原文鏈接 JavaScript ( 簡稱：JS ) 是一種輕量級，解釋型的編程語言，其函數是一等公民。眾所周知，它是用于網頁開發的腳...

URLOS 2019-08-20 10:33 評論0 收藏0
《JavaScript 闖關記》之簡介

摘要：瀏覽器只是實現的宿主環境之一，其他宿主環境包括和。年月，版發布，成為國際標準。事件定義了事件和事件處理的接口。對于已經正式納入標準的來說，盡管各瀏覽器都實現了某些眾所周知的共同特性，但其他特性還是會因瀏覽器而異。 JavaScript 是面向 Web 的編程語言，絕大多數現代網站都使用了 JavaScript，并且所有的現代 Web 瀏覽器（電腦，手機，平板）均包含了 JavaScri...

baihe 2019-08-21 10:55 評論0 收藏0
做一名精致的JavaScripter 01：JavaScript簡介

摘要：精致從細節做起。標準會在每年的月發布一次，作為當年的正式版本，便是年發布的正式版本。支持情況各大瀏覽器對的支持情況瀏覽器支持情況對的支持情況支持情況。在瀏覽器中基于實現的已經成為的重要組成部分。精致從細節做起。前端的工作也有一段時間了，大大小小的前端框架都有接觸過，越是深入學習越是感覺之前的學習過于粗糙，基礎不夠扎實，于是準備近期把JavaScript的基礎知識點梳理一下，查缺補漏，...

張巨偉 2019-08-22 15:10 評論0 收藏0
JavaScript高級程序設計學習筆記一（JavaScript簡介）

摘要：在上百種語言中算是命好的一個，還有就是最近納入高考體系的。由以下三個部分構成。就是對實現該標準規定的各個方面內容的語言的描述。是針對但經過擴展的用于的應用程序編程接口。將頁面映射為由節點構成的樹狀結構。 JavaScript的歷史這里就不再贅述了，當然JavaScript的歷史還是比較有意思的。在上百種語言中JavaScript算是‘命’好的一個，還有就是最近納入高考體系的python...

supernavy 2019-08-22 11:17 評論0 收藏0
【JavaScript】簡介

摘要：誕生于年，它的主要目的是處理以前由服務器端語言負責的一些輸入驗證操作。的不同版本又稱為版次，以第版表示。目前最新的是簡稱文檔對象模型文檔對象模型，是針對但經過拓展用于的應用程序接口，。元素當瀏覽器不支持或被禁用時，顯示里面的內容。 JavaScript誕生于1995年，它的主要目的是處理以前由服務器端語言負責的一些輸入驗證操作。完整的JavaScript實現由下列三個不同的部分組成：...

oogh 2019-08-20 15:05 評論0 收藏0