JavaScript是一種腳本語言，它可以用于與HTML和CSS結合創建交互式網頁，現在已成為互聯網開發中的重要組成部分。JS從最初的文檔交互中發展到大型的單頁應用。為了便于學習和理解JS語言，我們需要了解其體系結構。下面將介紹JS體系結構和各個部分的作用。
JS標準庫是JS體系結構的重要組成部分。它包括ECMAScript和DOM兩部分。ECMAScript是JS語言的標準規范，它定義了JS語言的基礎語法、數據類型、函數等。常見的函數如（parseInt()、String()、Number()等）。DOM（文檔對象模型）是JS使用HTML和XML文檔的API。它允許開發人員通過JS代碼來動態地修改和更新網頁內容。例如，通過document.createElement()方法可以創建新的HTML元素，而通過element.setAttribute()方法可以設置元素的屬性。
JS第二部分是瀏覽器API，包括window、location、history、navigator、screen等一些對象。window對象是唯一的全局對象，包含有關網頁的信息和控制網頁的方法。location對象包含URL的信息，可以獲取URL的各個方面。history對象是瀏覽器歷史記錄的接口，可以在不重新加載頁面的情況下使用。navigator對象包括有關瀏覽器的信息，如用戶代理字符串、瀏覽器名稱和版本號等。screen對象包括有關用戶屏幕的信息，如屏幕尺寸、屏幕分辨率等。
第三部分是JS第三方庫和框架。這些庫特別重要，因為它們不僅可以幫助我們更好地組織和管理代碼，而且還可以為我們提供大量有用的代碼。常用的第三方庫和框架包括jQuery、React、Angular、Vue.js等。
由于JS非常靈活，使得它具有高效和開發者友好的特性，并且能夠適應不同的客戶端環境如Web、Node.js和React Native等。
下面我們來看一些實際例子：
例1：在HTML文檔中插入一段JS代碼：

<p>使用JS獲取當前時間：</p>
<p id="time"></p>
<script>
var today = new Date();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
document.getElementById("time").innerHTML = time;
</script>

在上面的例子中，我們創建了一個時間對象，然后使用該對象來獲取當前時間。最后，我們使用getElementById()方法來獲取并更新HTML頁面上的時間元素。
例2：使用jQuery庫進行AJAX請求

$.ajax({
url: 'http://example.com/movies.json',
data: {
format: 'json'
},
error: function() {
$('#info').html('<p>An error has occurred</p>');
},
dataType: 'json',
success: function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});

$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
},
type: 'GET'
});

該例子使用jQuery庫中的$.ajax()方法來請求一個JSON文件。如果請求錯誤，我們將在HTML頁面上顯示錯誤消息，否則，我們使用$.each()方法遍歷JSON數據并將其添加到HTML頁面上。
總結：JavaScript是一種靈活、強大和極具開發者友好的語言。對于正在學習JS的開發人員來說，了解JS的體系結構是非常重要的。體系結構的理解可以幫助我們更好地組織和管理代碼，同時也提供了一個更清晰的學習路徑。