首頁 > web前端 > js教程 > 主體

一文談談JavaScript和ECMAScript的關係

青灯夜游
發布: 2020-07-06 10:20:46
轉載
1949 人瀏覽過

一文談談JavaScript和ECMAScript的關係

JS和ES

每一個學習JS的同學都聽說過ES5,ES6,但是,是否所有的同學都清除的知道他們之間的關係呢?我們通常認為這兩個是一個東西,事實上他們的關係如下:

從上面的圖中我們清除的看到,他們不是並列關係,而是包含關係,那麼下面就分別介紹一下

ECMAScript

核心,它本身並沒有輸入和輸出的定義,這門語言和瀏覽器也沒有依賴關係。瀏覽器只是提供了語言的宿主環境,同時提供了這門語言的實作以及一些本地化的擴充。

既然瀏覽器是宿主環境,那就還存在別的宿主環境:例如Node,例如Adobe Flash

ECMAScript規定了這門語言的:

  • #語法
  • 類型
  • 語句
  • 關鍵字
  • 保留字
  • 運算子

##這就說明,我們也可以寫一門語言作為ECMAScript的實現,就像JavaScript一樣,我們只需要:

  • 支援ECMAScript描述的所有類型值物件屬性函數以及程式語法和語意
  • 支援Unicode

注意:

  • #JSON物件是原生ECMAScript支援的

DOM 文件物件模型

在瀏覽器中,基於ECMAScript實現的DOM已經成為了JS這門語言的重要組成部分
DOM就是透過HTML描述的,頁面元素的樹狀結構對象,就是下面這個東西:
一文談談JavaScript和ECMAScript的關係
我們需要注意這麼幾個概念:

  • DOM是一種標準,這種標準規定瞭如何透過HTML來映射對象,以簡化對於HTML中表達的各個節點的操作
  • ECMAScript和DOM的關係是:瀏覽器中用符合ECMAScript標準的語言實現了DOM標準
  • 可以使用別的語言實作DOM

DOM規定了下面這些東西:

  • HTML映射對象,對象的操作
  • 滑鼠,使用者事件等
  • CSS樣式介面
  • 遍歷文檔樹的介面

BOM 瀏覽器物件模型

DOM物件是頁面中,用HTML編寫的元素的映射,而BOM物件是瀏覽器物件的映射,透過BOM,我們可以且不限於可以做下面的事情:

  • 彈出新的視窗
  • 移動縮放關閉瀏覽器
  • 支援cookies
  • 取得window 或navigator物件

目前BOM的標準由HTML5才有標準可以遵循,所以之前各個瀏覽器中對於BOM功能的支援都不盡相同,有了HTML5,BOM在未來的某一天會真正的統一。

ES6

  • ES6已經在2015年6月正式發表

  • 各個網站對於ES6的語法支援程度不一樣

  • 需要查詢宿主環境對於ES6的支援可以使用工具

  • 需要查詢瀏覽器對於ES6的支援可以存取網頁
  • 如果不想面對不同宿主環境對於ES6相容性的問題,可以使用ES6轉ES5轉換器Babel 或Traceur

##相關教學建議:

JavaScript影片教學

以上是一文談談JavaScript和ECMAScript的關係的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板