JavaScript 范例:入門指南14


JavaScript 是一種流行的腳本語言,用於建立互動式網路應用程式。它可以在網頁中執行,允許開發人員添加動態內容、處理使用者輸入,並與伺服器進行通訊。這篇教學將提供 JavaScript 的基本範例,引導初學者了解其基本概念和應用。

輸出訊息

最基本的 JavaScript 範例之一是輸出訊息。可以使用 () 函數在瀏覽器控制台中顯示訊息。以下是範例程式碼:
("你好,世界!");


當您執行此代碼時,您將在瀏覽器控制台中看到訊息 "你好,世界!"。

變數和資料型態

變數用於儲存資料,而資料型態定義了變數中資料的類型。在 JavaScript 中,資料型態包括字串、數字、布林值、陣列和物件。以下是建立變數並指定資料型態的範例:
let name = "John Doe"; // 字串
let age = 30; // 數字
let isLoggedIn = true; // 布林值


運算式和運算子

運算式使用變數和運算子來計算值。運算子包括數學運算子(如加法 (+) 和減法 (-))、比較運算子(如等於 (==) 和大於 (>))、邏輯運算子(如 AND (&&) 和 OR (||))。以下是運算式的範例:
let sum = age + 10; // 數學運算式
let comparison = age > 18; // 比較運算式
let logical = isLoggedIn && comparison; // 邏輯運算式


控制流程

控制流程用於控制程式碼的執行順序。它包括 if 條件式、迴圈(如 for 迴圈和 while 迴圈)以及 switch 條件式。以下是控制流程的範例:
if (isLoggedIn) {
("歡迎回來!");
} else {
("請登入。");
}


此代碼使用 if 條件式來檢查是否已登入,並顯示不同的訊息。

函數

函數是一組用於執行特定任務的可重複使用程式碼塊。它們可以使用參數接收資料,並可以回傳值。以下是建立函數的範例:
function greet(name) {
(`你好,${name}!`);
}


此函數接收一個 name 參數,並在控制台中輸出一個訊息。

物件

物件是用於將相關資料和方法組織在一起的容器。它們是由具有屬性和方法的鍵值對組成的。以下是建立物件的範例:
const person = {
name: "John Doe",
age: 30
};


此物件具有兩個屬性:name 和 age。

陣列

陣列是用於儲存順序列表的資料型態。它可以包含任何資料型態的元素。以下是建立陣列的範例:
const numbers = [1, 2, 3, 4, 5];


此陣列包含五個數字元素。

事件處理

事件處理允許 JavaScript 偵聽使用者輸入和頁面事件(如單擊和載入)。它可以用來建立互動式使用者介面。以下是事件處理的範例:
const button = ("my-button");
("click", () => {
("按鈕已單擊!");
});


此代碼偵聽按鈕的單擊事件,並在單擊時在控制台中輸出訊息。

進一步探索

這些範例僅僅是 JavaScript 世界的冰山一角。要進一步探索,建議您查看其他資源,例如 MDN Web Docs 和 W3Schools。這些網站提供更全面的教學、範例和參考資料,可幫助您深入了解 JavaScript。

2025-01-10


上一篇:JavaScript 习题,助力你掌握编程基础

下一篇:JavaScript 提速技巧