跳轉到內容

程式設計基礎/示例介紹 JavaScript

來自華夏公益教科書

JavaScript,通常簡稱為 JS,是一種高階解釋型程式語言。與 HTML 和 CSS 一樣,JavaScript 是全球資訊網的三大核心技術之一。JavaScript 使網頁具有互動性,因此是 Web 應用程式的重要組成部分。絕大多數網站都使用它,所有主要 Web 瀏覽器都具有專門的 JavaScript 引擎來執行它。[1]

JavaScript 是目前最流行的程式語言之一[2],是前端 Web 開發的主要程式語言。JavaScript 檔案的副檔名為 .js。JavaScript 已在多個平臺上實現,並具有不同的 I/O 命令。以下是一些示例。

Hello World – 控制檯日誌

[編輯 | 編輯原始碼]
 // This script displays "Hello world!".
 //
 // References:
 // https://www.digitalocean.com/community/tutorials/how-to-write-your-first-javascript-program
 
 console.log("Hello world!")
Hello world!

每個程式碼元素代表

  • // 開始註釋
  • console.log() 寫入 JavaScript 控制檯輸出日誌
  • "Hello world!" 是要顯示的字面量字串

Hello World – 視窗提示

[編輯 | 編輯原始碼]
 // This script displays "Hello world!".
 //
 // References:
 // https://www.digitalocean.com/community/tutorials/how-to-write-your-first-javascript-program
 
 alert("Hello world!")
Hello world!

每個程式碼元素代表

  • // 開始註釋
  • alert() 呼叫視窗提示函式來顯示一條訊息
  • "Hello world!" 是要顯示的字面量字串

Hello World – 文件寫入

[編輯 | 編輯原始碼]
 // This script displays "Hello world!".
 //
 // References:
 // https://w3schools.tw/jsref/met_doc_write.asp
 document.write("Hello world!")
Hello world!

每個程式碼元素代表

  • // 開始註釋
  • document.write() 將輸出寫入當前文件
  • "Hello world!" 是要顯示的字面量字串

JavaScript IDE

[編輯 | 編輯原始碼]

有許多免費的雲端和本地 IDE 可供您開始使用 JavaScript 編碼。請諮詢您的老師或自行研究以獲取推薦。

雲端 IDE

[編輯 | 編輯原始碼]

本地 IDE

[編輯 | 編輯原始碼]

參考資料

[編輯 | 編輯原始碼]
華夏公益教科書