SegmentFault 技術週刊 Vol.2 - 666，ES6

時間 2019-11-05

標籤 segmentfault 技術週刊 vol.2 vol es6 欄目 JavaScript 简体版

原文原文鏈接

ECMAScript 6.0，ECMAScript 2015，直到你們最後肯定簡稱爲 ES6，從最初的制定，到最後發佈成爲國際標準，歷時 15 年之久。前端

2015 年 6 月，ES6 正式發佈，過去了一年，已有很多開發者在 SegmentFault 分享了 ES6 相關的內容，從初探到深刻，從理論到實踐。git

這期，咱們就來聊聊 ES6 的新特性，開始上手實踐：es6

蜻蜓點水，初識 ES6github
新功能及特性的學習web
重要特性之 Modulesegmentfault
上手實踐之 Angular 搭配數組

從這四個方面逐步深刻。篇幅較長，內容極多，請準備好你的時間與大腦 ∠( ᐛ 」∠)＿瀏覽器

蜻蜓點水

幾篇簡單易懂的文章，讓未接觸過 ES6 的新同窗有大體的瞭解。架構

阮一峯 - ECMAScript 6 簡介app

做爲入門，阮一峯老師的《ECMAScript 6 入門》一書中的 <ECMAScript 6 簡介> 章節必不可少。此章節中，阮一峯老師對 ECMAScript 歷史作了較詳細的介紹，同時也介紹了 ECMAScript 和 JavaScript 的關係、部署進度、Babel 轉碼器等等。

meikidd - ES6 蜻蜓點水

閱讀本文，你將瞭解到

什麼是 ES6
ES6 有哪些「明星」特性
ES6 能夠運行在哪些環境

LeuisKen - 譯丨Learn ES2015

再深刻一步，在譯文《Learn ES2015》中，將介紹到更多 ES6 的新特性：箭頭函數、類、加強的對象字面量、模板字符串、解構、迭代器、生成器、Unicode 編碼、模塊、代理對象、二進制和八進制字面量、Promises、Reflect API、Tail Calls……

更多閱讀：

不寫代碼的碼農 - ECMAScript 6 不徹底教程
AlexChen - ES6 中很是實用的新特性介紹

分解學習

熟悉 ES6 以後，咱們將開始逐一分解、進行詳細的特性學習。

zach5078 - 30 分鐘掌握 ES6/ES2015 核心內容（上）、（下）

上篇介紹了 ES6 最經常使用的幾個語法，包括 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments。

下篇介紹 import、export 以及 ES6 module 的其餘高級用法。

菜菜蔡偉 - 譯丨JavaScript ES6 解構賦值指南、迭代器指南、箭頭函數指南

這個系列，詳細講解了解構賦值（Destructuring）、迭代器（Iterators）、箭頭函數（Arrow Functions）等新特性

數組的解構賦值、對象的解構賦值、函數參數的解構賦值，ES6 的解構賦值給 JavaScript 的語法帶來了更多的現代化，它在減小了代碼量的同時，增長了代碼的可讀性和表現力；
for-of、惰性執行、內置迭代器、無限迭代器、Generator 函數，迭代器給 JavaScript 中的循環、Generator 函數和值序列（Value Series）帶來了新的維度；
this、arguments、yield，箭頭函數得到成就「ES6 最受歡迎特性之一」。

grace_xhw - 譯丨ES6 中 Arguments 和 Parameters 用法解析、最深入而易懂的 ES6 解構教程

ES6 給 JavaScript 帶來了上百個大大小小的改進，其中就包括

arguments 和 parameters，ES6 顯著地完善了 JS 中參數的處理方式；
解構賦值，做爲 ES6 的重要新特性，解構能夠從根本上改變你的 JS 編碼方式，用的越多，你就會發現越多塑造數據和函數的方式，這些實現方式在過去幾乎是不可能的。

這兩篇文章，深刻探討這些特性中你所須要知悉的一切。

小問 - 生成器（Generator）

生成器（Generator）能夠說是在 ES2015 中最爲強悍的一個新特性，由於生成器是涉及到 ECMAScript 引擎運行底層的特性，生成器能夠實現一些從前沒法想象的事情。

zindex - ES6 探祕：Classes

ES6 中增長的某些新特性，從底層的角度來講，只是一些語法糖。若是不瞭解這些語法糖的本質，是用不安心的。Classes 就是其中之一，它並無引入一種新的繼承模式，而是爲對象建立和繼承提供了更清晰、易用的語法。

meikidd - ES6 舊瓶新酒

ES6 對這些原來就被普遍使用的 JS 對象——String、Number、Array、Object——擴展的一些有用的新方法。

ping4god - 譯丨實例解析 ES6 Proxy 使用場景

ES6 中的箭頭函數、數組解構、rest 參數等特性一經實現就廣爲流傳，但相似 Proxy 這樣的特性卻不多見到有開發者在使用，一方面在於瀏覽器的兼容性，另外一方面也在於要想發揮這些特性的優點，須要開發者深刻地理解其使用場景。本文將介紹 Proxy 的使用方式，並經過列舉具體實例來解釋 Proxy 的使用場景。

更多閱讀：

fighterleslie - 備胎的自我修養——趣談 JavaScript 中的 ASI(Automatic Semicolon Insertion
JoeRay - ES6 學習筆記之箭頭函數
shane_xu - ES6 學習筆記 3——Symbol
見見 - 觸摸 ES6 - 模板字符串、解構賦值
array_huang - ES6 部分方法點評（一）
大猛 - 使用 ES6 寫更好的 JavaScript

細說 Module

完成了上個階段，你會發現 ES6 中有兩個很是重要的特性：Module 和 Promise，是不管如何都繞不過去的。因此這期咱們將 Module 做爲重點學習，Promise 會是以後的 ES6 相關週刊中的重點。

野狗科技 - 寫了十年 JS 殊不知道模塊化爲什麼物？

模塊化這個問題並不是一開始就存在，WWW 剛剛問世的時候，HTML、JavaScript、CSS（JS 和 CSS 都是後來在網景被引進瀏覽器的）都是極其簡單的存在，不須要模塊化。模塊化的需求是規模的產物，當 web page 進化到 web application，瀏覽器端處理的邏輯愈來愈複雜，展示的樣式和動畫越來多，對於工程的要求也就愈來愈高，模塊化的需求也就產生了。

PortWatcher - 譯丨ES6 的模塊系統

事過情遷，JavaScript 項目已經變得十分龐大，社區也發展出了一些有助於開發可擴展程序的工具。好比模塊系統。JavaScript 其實很早就發展出了模塊系統，以及對應的包管理工具（如 AMD，CommonJS 和 NPM），而帶有模塊特性的 ES6，是否是姍姍來遲呢？

Amio - 爲什麼 ES Module 如此姍姍來遲

瀏覽器大戰風起雲涌，你們爭先恐後地部署 ES2015 新特性，然 ES Module 這個萬衆期待的重要特性卻始終遲遲未能實現。Module 的規範是完工了的，只是對於模塊如何加載和解析留給了「實現環境決定」——根據歷史經驗問題每每就出如今「實現環境決定」這一環。

import 和 export 的語法規範很明確，模塊的解析器 V8 早已實現，萬事俱備只欠加載。區區加載能有多麻煩？

文藺 - 譯丨從發展歷史理解 ES6 Module

在很長一段時間內，ES6 帶來了 JavaScript 最大的變化，包括管理大型、複雜代碼庫的一些新特性。這些特性，主要是 import 和 export 關鍵詞，共同被稱爲 Modules。

grace_xhw - 譯丨從 JS 模塊化現狀闡釋選擇 ES6 模塊的重要性

爲了弄明白爲何所有遷移到 ES6 模塊如此重要，首先須要描述一下當前的實際情況。在過去 5 年，JavaScript 的發展如此迅猛，以致於大多數的開發者都沒有意識到如今有 5 種方式能夠來建立 JavaScript 腳本和應用…

見見 - Rollup 試煉之路

Rollup 是下一代 ES6 模塊化工具。ES6 以後，模塊化的寫法將更加的趨勢化，會將之前的文件切割成多個的細小模塊。那麼如何來高效的組織管理這些文件，又有了不少不一樣的方案。現有的模塊化打包已經有如 Browserify 和 Webpack，那爲啥還須要一個新的呢？

ES6 + Angular

ES6 的各式搭配風格中，Angular 看成是一種經典。

leftstick - 用 ES6 編寫 AngularJS 程序是怎樣一種體驗

過去咱們認爲屌炸天的 AngularJS（如今也屌炸天，只不過還有 Angular2, React, Vue 橫空出世）是否是能夠用 ES6 來寫？少年不要懷疑，真的能夠哦！

kuitos - Angular 1.x + ES6 開發風格指南

框架的選型在這幾年是很頭痛的事情，你沒法確定某個框架會是終極解決方案。可是有一點毫無疑問，就是使用 ES6 來寫業務代碼是勢在必行的。這即是一篇趟坑經驗文。

n͛i͛g͛h͛t͛i͛r͛e͛ - ES6 + Angular 1.x

ES2015 是讓人興奮的，除了語法層面的種種提高以外，最使人期待的就是模塊化系統和異步模塊加載機制。JavaScript 第一次在語言層面擁有了標準且先進的模塊化系統。然而標準自己只是落在紙面上的「理想」，更進一步的問題則是如何實踐？這篇例子就是結合 jspm，經過 ES2015 構造一個基於 Angular 1.x 的前端項目—。