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

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

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

核心（ECMAScript）

文檔對(duì)象模型（DOM）

瀏覽器對(duì)象模型（BOM）

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

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

ECMAScript 由下列部分組成：

語(yǔ)法

類型

語(yǔ)句

關(guān)鍵字

保留字

操作符

對(duì)象

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

各大瀏覽器對(duì) ES6 的支持情況：ES6瀏覽器支持情況；

Nodejs 對(duì) ES6 的支持情況：Nodejs支持情況。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

navigator 、 location 、 screen 、 XMLHttpRequest（ActiveXObject）對(duì)象；

對(duì) cookies 的支持；

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