JavaScript的三大組成部分

默然晴天發表於2021-08-09

JavaScript的三大組成部分(基礎篇)

JavaScript是什麼?它是由哪幾部分構成的?

  初學JavaScript的時候,總是會有一個疑問,為什麼JS這門語言既感覺很簡單,有感覺很繁瑣,簡單是因為它的寬鬆的風格,不像其他強型別語言那麼嚴格,繁瑣的是JS這門語言,又是什麼ES6,又是什麼DOM、BOM的。不像Python之類的語言就是Python。那麼JS到底是什麼,它又是由哪幾部分構成的呢?

  JavaScript 是一種具有函式優先的輕量級,解釋型的程式語言,是一種弱型別的程式語言,由於它是作為開發Web頁面的指令碼語言,所以JS這門語言跟瀏覽器(BOM)和網頁(DOM)有著密不可分的關係,所以它的組成部分也離不開宿主環境瀏覽器和操作物件網頁了。

  JavaScript由以下三個部分組成:

    1.ECMAScript

    2.文件物件模型(DOM)

    3.瀏覽器物件模型(BOM)

 

JS組成部分詳解

  1.ECMAScript

    ECMA(歐洲計算機制造商協會)

    1997年,在ECMA的協調下,由Netscape、Sun、微軟、Borland組成的工作組確定統一標準:ECMA-262,可以理解為ECMAScript。

    ECMAScript規定了JS的核心語法,如語法, 資料型別,關鍵字,保留字,運算子,物件等,它相當於JavaScript的"骨架",定義了JS這門語言的"基本樣子",只有有了這個骨架,才能對它進行擴充,ECMAScript的版本也會一直更新,每一次的更新也是更加的完善JavaScript。

 

  2.文件物件模型(DOM)

    DOM是“Document Object Model”的縮寫,簡稱文件物件模型,由W3C指定規範。DOM定義了JavaSCript操作 HTML 文件的介面,提供了訪問 HTML文件(body、div、p等)的途徑和操作方法。當瀏覽器載入 HTML 文件後,將整個文件規劃成由節點構成的節點樹,文件中的每個部分都是一個節點。

  主要包含內容:

    DOM樹:DOM規定HTML文件中的每一個元素都是一種節點

    查詢文件

    節點操作

    css屬性操作

    事件event

    等等

 

  3.瀏覽器物件模型(BOM)

    BOM是“Browser Object Model”的縮寫,簡稱瀏覽器物件模型。BOM定義了JavaScript操作瀏覽器的介面,提供了訪問某些功能(如瀏覽器視窗大小,版本資訊,瀏覽歷史記錄等)的途徑和操作方法。

    BOM 只是 ECMAScript 的一個擴充套件,它並沒有任何相關標準,W3C也沒有對該部分作出規範,不同的瀏覽器有自己的BOM實現,所以東西也是很繁雜的。

    通常情況下,瀏覽器特定的(即非 W3C 標準規定的)JavaScript 擴充套件都被看作 BOM 的一部分。

    BOM主要包含內容:
      navigator物件:瀏覽器物件,通過這個物件可以判定使用者所使用的瀏覽器,包含了瀏覽器相關資訊。
      screen物件:螢幕物件,可以獲取一些和螢幕相關的資訊。
      history物件:瀏覽歷史物件,包含了使用者對當前頁面的瀏覽歷史,但我們無法檢視具體的地址,可以簡單的用來前進或後退一個頁面。
      location物件:用於獲取瀏覽器的當前的頁面地址,還可以重定向新的地址。
      彈出框相關方法。
      計時相關方法。
      對cookie的支援。
      IE 擴充套件了 BOM,加入了 ActiveXObject類,可以通過JS例項化 ActiveX物件
      等等
 

 

相關文章