什麼是JavaScript？ - AWS

JavaScript 引擎是執行JavaScript 程式碼的電腦程式。

最初的JavaScript 引擎只是解譯器，但所有現代引擎都使用即時或執行時間編譯來提高效能。

用戶端JavaScript. 什麼是雲端運算？ / 雲端運算概念中心 / 開發人員中心 什麼是JavaScript？ 進一步了解適用於開發人員的AWS 什麼是JavaScript？ JavaScript是開發人員用於製作互動式網頁的一種程式設計語言。

從重新整理社交媒體饋送到顯示動畫與互動式地圖，JavaScript的功能可以提升使用者體驗。

JavaScript作為用戶端指令碼語言，是全球資訊網的核心技術之一。

舉例來說，當瀏覽網際網路時，您只要在網頁上看見浮動切換項目影像，一按即顯示的下拉式功能表，或是動態變更的元件色彩，那些都是由JavaScript呈現的效果。

JavaScript有什麼作用？ 從歷史觀點來看，網頁是靜態的，類似於書中的頁面。

靜態頁面主要以固定配置顯示資訊，並未滿足我們現在對現代網站的期望。

JavaScript作為一種瀏覽器端技術出現，讓Web應用程式更具動態性。

使用JavaScript，瀏覽器可以回應使用者互動，以及變更網頁上的內容配置。

隨著語言的成熟，JavaScript開發人員建立了程式庫、架構和程式設計實務，並開始在Web瀏覽器之外使用。

如今，您可以將JavaScript用於用戶端和伺服器端開發。

我們在以下小節中提供了一些常見案例： 動態更新內容 您可以使用JavaScript函數建立互動式功能，讓您網站的使用者能夠動態地更新其內容。

以下是這些互動功能的一些範例： ·  按一下按鈕以顯示或隱藏資訊 ·  驗證使用者輸入的表單資料，例如電話號碼和電子郵件地址 ·  滑鼠懸停時變更網頁按鈕的顏色 ·  產生快顯廣告 ·  放大或縮小影像 ·  在網頁上播放音訊和影片 開發Web與行動應用程式 JavaScript擁有內建程式碼庫集合，稱為JavaScript架構，用於Web與行動應用程式。

開發人員可以使用許多開放原始碼或免費提供的架構，來建立與平台無關的應用程式，這些應用程式可以建置一次並在任何裝置上執行。

此外，JavaScript程式碼為輕量級，運算密集度較低，因此開發人員可輕鬆地將其用於建立行動應用程式。

開發伺服器端應用程式 開發人員使用JavaScript，為現代應用程式建置了強大的後端基礎設施。

例如，伺服器端JavaScript程式庫讓串流應用程式變得更高效，因為其擁有可讓用戶端與伺服器之間持續通訊的內置支援。

同樣，輸入和輸出密集型共用文件編輯等線上協作工具，在使用JavaScript編寫時效果更好。

開發遊戲 JavaScript是一種便捷的程式設計語言，開發人員可將其用於建立瀏覽器遊戲。

某些JavaScript程式碼庫允許開發人員建立可執行的遊戲，然後自動將游戲匯出並分發至不同的Web與行動遊戲平台。

開發人員還支援2D和3D動畫影像和圖形的複雜視覺呈現。

JavaScript如何運作？ 所有程式設計語言的運作方式都是將類似英文的語法翻譯成機器程式碼，作業系統將隨即執行。

JavaScript被廣泛地歸類為指令碼語言或解譯語言。

JavaScript程式碼經過解譯，即由JavaScript引擎直接翻譯成基礎機器語言程式碼。

對於其他程式設計語言，編譯器在單獨的步驟中將整個程式碼編譯為機器程式碼。

因此，所有指令碼語言都是程式設計語言，但並非所有程式設計語言都是指令碼語言。

JavaScript引擎 JavaScript引擎是執行JavaScript程式碼的電腦程式。

最初的JavaScript引擎只是解譯器，但所有現代引擎都使用即時或執行時間編譯來提高效能。

用戶端JavaScript 用戶端JavaScript是指JavaScript在您的瀏覽器中的運作方式。

在這種情況下，JavaScript引擎位於瀏覽器程式碼中。

所有主要的Web瀏覽器都帶有自己的內建JavaScript引擎。

Web應用程式開發人員撰寫的JavaScript程式碼具有與各種事件關聯的不同功能，例如滑鼠點選或滑鼠懸停。

這些函數會變更為HTML和CSS。

以下是用戶端JavaScript運作方式的概述： 1.  瀏覽器會在您存取網頁時載入。

2.  在載入期間，瀏覽器會將頁面及其所有元素(如按鈕、標籤和下拉式選框)轉換為稱為文件物件模型(DOM)的資料結構。

3.  瀏覽器的JavaScript引擎會將JavaScript程式碼轉換為位元組程式碼。

此程式碼是JavaScript語法與機器之間的中介。

4.  不同的事件(如滑鼠點選按鈕)會觸發關聯JavaScript程式碼區塊的執行。

引擎隨後會解譯位元組程式碼並對DOM做出變更。

5.  瀏覽器會顯示新的DOM。

伺服器端JavaScript 伺服器端JavaScript是指在後端伺服器邏輯中使用編碼語言。

在這種情況下，JavaScript引擎直接位於伺服器上。

伺服器端JavaScript函數可以存取資料庫，執行不同的邏輯作業，並回應伺服器作業系統觸發的各種事件。

伺服器端指令碼的主要優勢是，您可以根據您的要求、存取權限和來自網站的資訊請求來高度自訂網站回應。

用戶端與伺服器端 動態一詞既描述了用戶端JavaScript，也描述了伺服器端JavaScript。

動態行為是視需更新網頁顯示以產生新內容的能力。

用戶端和伺服器端JavaScript的區別在於其產生新內容的方式。

伺服器端程式碼透過使用應用程式邏輯和修改資料庫中的資料，來動態產生新內容。

另一方面，用戶端JavaScript透過利用使用者介面邏輯，並修改用戶端上已有的網頁內容，在瀏覽器內部動態產生新內容。

這兩種情況下的含義略有不同，但相互關聯，兩種方法共同作用可增強使用者體驗。

除了動態功能的實現之外，兩種JavaScript用途的另一個區別在於程式碼可存取的資源。

在用戶端，瀏覽器控制JavaScript的執行時間環境。

程式碼只能存取瀏覽器允許其存取的資源。

例如，除非您在下載按鈕上按一下，否則無法將內容寫入您的硬碟。

另一方面，伺服器端函數可視需存取伺服器電腦的所有資源。

什麼是JavaScript程式庫？ JavaScript程式庫是Web開發人員可重複使用，以執行標準JavaScript函數之預先撰寫的程式碼片段集合。

JavaScript程式庫程式碼會視需插入到專案的其餘程式碼中。

如果您將JavaScript應用程式的程式碼視為一所房子，則JavaScript程式庫就像是現成的家具，開發人員可以將其用於改善房子的功能。

以下是JavaScript程式庫的一些常見用途： 資料視覺化 資料視覺化對於使用者檢視統計資訊至關重要，例如在管理面板、儀表板和效能指標中。

Chart.js、ApexCharts和AlgoliaPlaces等程式庫具有內建函數，您可以用於建立可在圖表和地圖中顯示資料的Web應用程式。

DOM操作 您可以使用jQuery和UmbrellaJS等程式庫，讓Web應用程式開發變得輕鬆簡單，因為這些程式庫提供了標準網站功能(如選單動畫、圖庫、按鈕、燈箱等)的程式碼。

表單 所有Web開發均利用表單讓網站訪客可聯絡某人、訂購產品和註冊活動。

某些JavaScript程式庫(如wForms、LiveValidation、Validanguage和qForms)簡化了表單功能，包括表單驗證、配置、條件和轉換。

數學和文字函數 許多Web應用程式必須求解數學方程式，並處理日期、時間和文字。

相較於將所有此類請求傳送至伺服器，在用戶端上處理一些請求更有效。

Web開發人員使用JavaScript程式庫(如Date.js、Sylvester和JavaScriptURL程式庫)來執行此操作。

什麼是JavaScript架構？ 與JavaScript程式庫一樣，JavaScript架構是預先撰寫的程式碼片段集合，其執行不同的函數並且可以重複使用。

然而，JavaScript程式庫是隨需使用的專用工具，而JavaScript架構則是協助塑造和整理任何Web應用程式的完整工具集。

如果您將JavaScript應用程式的程式碼視為一座房子，則JavaScript架構是用於建造房子的藍圖。

以下是JavaScript架構的一些範例使用案例： Web與行動應用程式開發 AngularJS是一種架構，可簡化Web應用程式(如電子商務應用程式、即時應用程式和影片應用程式)的開發和測試。

ReactNative則是另一種架構，可支援原生呈現的iOS和Android行動應用程式開發。

回應式Web開發 回應式網站可在任何裝置上提供一致的使用者體驗。

例如，行動裝置和平板電腦的螢幕比桌上型電腦和筆記型電腦的螢幕小。

您希望網站即使在較小的螢幕上，也能準確地顯示和呈現資料，而無需切斷網站的末端。

使用Bootstrap和Ember.js等架構，開發人員可從回應式設計中獲益，並在不同平台上輕鬆自訂網站的外觀。

伺服器端應用程式開發 Node.js是一種伺服器端開放原始碼JavaScript架構，可在瀏覽器外執行JavaScript程式碼。

開發人員使用此架構來建置可擴展、快速且可靠的網路型伺服器端應用程式。

這種架構可以處理HTTP請求和資料串流、支援檔案系統，並同時管理多個後端程序。

什麼是HTML和CSS？ 超文字標記語言(HTML)和階層式樣式表(CSS)是開發人員在前端開發中使用的另外兩種程式設計語言。

HTML是大多數網頁的基本建置區塊。

所有的段落、區段、影像、標題和文字都使用HTML撰寫。

內容按照HTML撰寫的順序出現在網站上。

CSS是一種樣式規則語言，用於將樣式套用至我們的HTML內容。

您可以將其用於設計網站元素，如背景顏色、字型、欄和邊框。

HTML、CSS與JavaScript 這三種語言協同作業，可在任何網站上打造良好的使用者體驗。

雖然HTML和CSS主要處理靜態內容，但其也可與用戶端JavaScript程式碼整合，以動態更新內容。

例如，HTML頁面上的指令碼程式碼區塊中可以包含JavaScript。

當HTML頁面在瀏覽器中載入時，瀏覽器可以同時處理HTML和內部JavaScript程式碼。

JavaScript具有哪些優勢？ 易於學習和使用 JavaScript的語法受Java程式設計語言的啟發，易於學習和編碼。

開發人員幾乎在每個網站和行動應用程式中都使用JavaScript來撰寫用戶端指令碼。

在過去十年間，Node.js在後端編碼方面也獲得了極大的普及。

許多主要的串流媒體和影片平台都使用Node.js進行編碼。

取得平台獨立性 與其他程式設計語言不同，您可以將JavaScript插入任何網頁，並將其與許多其他Web開發架構和語言搭配使用。

撰寫完成後，可在任何機器上執行JavaScript程式碼。

因此，JavaScript讓應用程式開發平台具有獨立性。

減少伺服器負載 您可以使用JavaScript來減少伺服器負載和網路擁塞，因為它可以執行邏輯作業，並在用戶端本身完成大量伺服器工作。

例如，填寫註冊表單的程序。

JavaScript會快速檢查您是否在手機欄位輸入了10位數字。

如果將這些請求傳送至伺服器，您的頁面會針對每個錯誤重新載入，從而讓註冊程序變得非常緩慢和乏味。

改善使用者介面 JavaScript可建立簡明的網站，便於尋找和處理複雜的資訊。

開發人員運用JavaScript來擴展功能和可讀性，並使網站使用者互動更加高效。

支援並行 JavaScript可並行執行多個不同的指令集。

在後端，Node.js可操作和處理高度擴展的伺服器回應，而不會取用相同數量的頻寬。

JavaScript有哪些限制？ 程式設計語言使用變數，作為實際資料值的預留位置。

例如，在一個程式碼區塊中，開發人員可以撰寫x=5和y=x+1。

當程式碼執行時，電腦會自動將x和y分別變更為5和6，以對其執行函數。

資料可以是各種類型，如文字串、數字或日期。

因此，大多數程式設計語言都允許您定義變數類型。

定義變數類型後，不會發生變更；您無法將數字存放在字串變數中。

例如，如果您告訴程式x和y是數字，然後執行x+y運算，電腦會知道需要兩個數字並將其相加。

另一方面，如果您將x和y定義為字串，則+運算符會將這兩個字串附加在一起，以建立更長的字詞。

弱型別語言 JavaScript是一種弱型別語言，這意味著不允許程式設計人員定義變數類型。

變數可在執行時間存放任何資料類型，並且操作會假設變數類型。

結果也可以轉換為另一種資料類型，例如，一項操作可能將結果作為字串"5"而不是數字5傳回。

由於類型錯誤，這可能會導致意外的編碼錯誤和程式碼錯誤。

什麼是TypeScript？ TypeScript是一種程式設計語言，透過在語法中新增類型來改善JavaScript。

TypeScript為JavaScript新增了額外的語法，以便程式碼編輯器工具可及早發現編碼錯誤。

同時，TypeScript程式碼轉換為JavaScript，並提供與JavaScript相媲美的所有優勢。

此外還可在應用程式及JavaScript架構和程式庫中執行。

JavaScript有哪些限制？ 適用於JavaScript的AWSSDK是一組與AWS服務整合的開放原始碼、免費使用的JavaScript程式庫。

其支援API開發、更高階的抽象和三種類型的應用程式： 用於瀏覽器的JavaScript 用於伺服器的Node.js 用於行動裝置開發的ReactNative 適用於JavaScript的AWSSDK完全採用TypeScript撰寫，然後編譯成JavaScript。

因此，您可以享有TypeScript的所有優勢，而不必擔心向後相容性。

您可以查看程式碼範例和遷移指南，或在GitHub中直接安裝，以開始使用適用於Java的AWSSDK。

什麼是適用於JavaScript的AWSAmplify？ AWSAmplify是一組專門建置的工具和功能，可讓前端Web與行動開發人員在AWS上快速輕鬆地建置全堆疊應用程式。

Amplify開放原始碼用戶端程式庫可跨不同類別之雲端驅動的操作，提供以使用案例為中心且易於使用的介面。

不同的Web與行動架構均支援AmplifyJavaScript程式庫，包括React、ReactNative、Angular、Ionic和Vue.js。

您可以完整瀏覽AmplifyJavaScript的入門指南，以開始使用。

AWS的JavaScript後續步驟 查看額外的產品相關資源 進一步了解AWS對JavaScript的支援  註冊免費帳戶 立即存取AWS免費方案。

建立免費帳戶  開始在主控台進行建置 開始在AWS管理主控台使用JavaScript進行建置。

登入  頁面內容 什麼是JavaScript？ JavaScript有什麼作用？ JavaScript如何運作？ 什麼是JavaScript程式庫？ 什麼是JavaScript架構？ 什麼是HTML和CSS？ JavaScript具有哪些優勢？ JavaScript有哪些限制？ 什麼是TypeScript？ 什麼是適用於JavaScript的AWSSDK？ 什麼是適用於JavaScript的AWSAmplify？ AWS的JavaScript後續步驟 結束對InternetExplorer的支援 知道了 AWS對InternetExplorer的支援將於07/31/2022結束。

支援的瀏覽器包括Chrome、Firefox、Edge和Safari。

進一步了解» 知道了