摘要：精致從細(xì)節(jié)做起。標(biāo)準(zhǔn)會在每年的月發(fā)布一次，作為當(dāng)年的正式版本，便是年發(fā)布的正式版本。支持情況各大瀏覽器對的支持情況瀏覽器支持情況對的支持情況支持情況。在瀏覽器中基于實(shí)現(xiàn)的已經(jīng)成為的重要組成部分。

精致從細(xì)節(jié)做起。
前端的工作也有一段時(shí)間了，大大小小的前端框架都有接觸過，越是深入學(xué)習(xí)越是感覺之前的學(xué)習(xí)過于粗糙，基礎(chǔ)不夠扎實(shí)，于是準(zhǔn)備近期把JavaScript的基礎(chǔ)知識點(diǎn)梳理一下，查缺補(bǔ)漏，做一名精致的JavaScripter。
本系列文章作為《JavaScript高級程序設(shè)計(jì)》（第3版）和《ECMAScript6入門》（第3版）的學(xué)習(xí)筆記，ES6相關(guān)知識點(diǎn)會有多帶帶標(biāo)識。
如有錯(cuò)誤，歡迎指出；如有疑問的地方，請?jiān)谖恼孪路教釂枴?/p>

一個(gè)完整的JavaScript實(shí)現(xiàn)由下列三個(gè)部分組成：

核心（ECMAScript）

文檔對象模型（DOM）

瀏覽器對象模型（BOM）

ECMAScript 是一門語言標(biāo)準(zhǔn)，JavaScript 便是在這基礎(chǔ)上構(gòu)建的相對完善的腳本語言。

我們常見的 Web 瀏覽器只是 ECMAScript 實(shí)現(xiàn)的運(yùn)行環(huán)境之一，運(yùn)行環(huán)境不僅提供基本的 ECMAScript 實(shí)現(xiàn)，同時(shí)也會提供該語言的擴(kuò)展——DOM，DOM 則利用 ECMAScript 的語法實(shí)現(xiàn)具體功能。其它宿主環(huán)境還有 Node 和 Adobe Flash。

ECMAScript 由下列部分組成：

語法

類型

語句

關(guān)鍵字

保留字

操作符

對象

ECMAScript、ES6 是什么意思？
1996年，JavaScript 的創(chuàng)造者 Netscape 公司將 ECMAScript 提交給標(biāo)準(zhǔn)化組織 ECMA。次年，ECMA 發(fā)布262號標(biāo)準(zhǔn)文件（ECMA-262),并將這種語言稱為 ECMAScript，這個(gè)版本就是1.0。
2011年，ECMAScript 5.1版本發(fā)布后，就開始定制6.0版本，ES6泛指5.1版本后 JavaScript 的下一代標(biāo)準(zhǔn)，涵蓋了ECMAScript2015、ECMAScript2016、ECMAScript2017等等。
ECMAScript 標(biāo)準(zhǔn)會在每年的6月發(fā)布一次，作為當(dāng)年的正式版本，ECMAScript2015 便是2015年發(fā)布的ECMAScript正式版本。

各大瀏覽器對 ES6 的支持情況：ES6瀏覽器支持情況；

Nodejs 對 ES6 的支持情況：Nodejs支持情況。

在開發(fā)過程中我們需要用到 ES6 的新特性，但又需要考慮瀏覽器的兼容性，這時(shí)候我們就可以使用 Babel 來幫助我們；使用 Babel 可以把 ES6 的代碼轉(zhuǎn)成 ES5 的代碼，從而讓我們的代碼可以在不支持 ES6 的環(huán)境運(yùn)行；

babel快速入門手冊：點(diǎn)擊查看。

文檔對象模型（DOM，Document Object Model）是處理 HTML 或 XML 文檔的API；

DOM把整個(gè)頁面映射為多層節(jié)點(diǎn)結(jié)構(gòu)，HTML 或 XML 頁面中的每個(gè)組成部分都是某種類型的節(jié)點(diǎn)，這些節(jié)點(diǎn)又包含著不同類型的數(shù)據(jù)。下面是一個(gè) HTML 頁面節(jié)點(diǎn)結(jié)構(gòu)的實(shí)例：

DOM 不是 JavaScript 獨(dú)有的，許多其他語言都實(shí)現(xiàn)了它。在 Web 瀏覽器中基于 ECMAScript 實(shí)現(xiàn)的 DOM 已經(jīng)成為 JavaScript 的重要組成部分。

1998年10月，DOM Level1 成為了 W3C 的推薦標(biāo)準(zhǔn)，為 DOM 的跨平臺開發(fā)奠定基礎(chǔ)。

DOM Level1 由兩個(gè)模塊組成：DOM Core 和 DOM HTML 。其中，前者提供了基于 XML 的文檔的結(jié)構(gòu)圖，以便訪問和操作文檔的任意部分；后者添加了一些 HTML 專用的對象和方法，從而擴(kuò)展了 DOM Core。

DOM Level2 在 DOM Level1 的基礎(chǔ)上引入了下列模塊，也給出了眾多新類型和新接口的定義：

DOM 視圖：定義了跟蹤文檔視圖的接口；

DOM 事件：定義了事件和事件處理的接口；

DOM 樣式：定義了基于 CSS 為元素應(yīng)用樣式的接口；

DOM 遍歷和范圍：定義了遍歷和操作文檔樹的接口。

DOM Level3 進(jìn)一步擴(kuò)展了DOM，引入了以統(tǒng)一的方式載入和保持文檔的方法，以及驗(yàn)證文檔的方法；DOM Core 開始支持 XML 1.0 規(guī)范。

DOM Level4 定義了基于事件和節(jié)點(diǎn)的平臺中立（platform-neutral）模型，增加了 Mutation Observers 作為 Mutation 事件的替換。

不同瀏覽器對于 DOM 的支持程度，可以在 caniuse - 點(diǎn)擊訪問 進(jìn)行查詢。

從根本上講，BOM 只處理瀏覽器窗口和框架，但人們習(xí)慣把所有針對瀏覽器的 JavaScript 擴(kuò)展算作 BOM 的一部分，BOM 由下列部分組成：

彈出新瀏覽器窗口的功能；

移動(dòng)、縮放和關(guān)閉瀏覽器的功能；

navigator 、 location 、 screen 、 XMLHttpRequest（ActiveXObject）對象；

對 cookies 的支持；

由于沒有 BOM 標(biāo)準(zhǔn)可以遵循，所有每個(gè)瀏覽器都有自己的實(shí)現(xiàn)，當(dāng)然也存在一些默認(rèn)的標(biāo)準(zhǔn)；現(xiàn)在有了 HTML5 ，BOM 有望朝著兼容性越來越高的方向發(fā)展。