認識javascript

JavaScript，簡稱js，是一種面向對象、事件驅動、解釋性語言。它通常嵌入到HTML頁面中，通過在瀏覽器端執行，實現對網頁的動態改變與互動效果。JavaScript常用于用戶交互、數據驗證、動畫效果、游戲開發等領域。下面，我們來看幾個JavaScript實例。

// 彈出框
alert("hello world");
// 修改元素內容
document.getElementById("text").innerHTML = "JavaScript";

變量和數據類型

聲明JavaScript變量使用var關鍵字，變量命名遵循駝峰命名法。數據類型有字符串、數字、布爾值、數組等。其中，字符串使用單引號或雙引號包裹，數字可以是整數或小數，布爾值只有true和false兩種，數組可包含任意數據類型。

// 聲明變量
var name = "Tom";
var age = 18;
var isMale = true;
var hobbies = ["reading", "traveling"];
// 輸出變量
console.log(name);
console.log(age);
console.log(isMale);
console.log(hobbies);

函數和閉包

函數是JavaScript中的重要概念，它是一段可重復使用的代碼塊，實現某些特定功能。函數可以接受參數，也可以返回結果。閉包是指函數可以訪問其外部作用域中的數據，即使該數據在函數外已經銷毀。

// 定義函數
function add(num1, num2) {
return num1 + num2;
}
// 調用函數
var result = add(1, 2);
console.log(result);
// 閉包實例
function outer() {
var num = 10;
function inner() {
console.log(num);
}
return inner;
}
var innerFunc = outer();
innerFunc(); // 輸出10

面向對象編程

JavaScript支持面向對象編程，使用構造函數和原型來定義和創建對象。構造函數用于初始化對象屬性，原型用于定義對象方法。

// 定義構造函數
function Person(name, age) {
this.name = name;
this.age = age;
}
// 定義對象方法
Person.prototype.sayHello = function() {
console.log("Hello, my name is " + this.name);
}
// 創建對象
var tom = new Person("Tom", 18);
// 調用方法
tom.sayHello();

事件處理

JavaScript可以處理DOM事件，例如按鈕點擊、鼠標移動等。常用的事件處理函數包括addEventListener和removeEventListener，用于添加或刪除事件監聽。

// 添加點擊事件
var btn = document.getElementById("myBtn");
btn.addEventListener("click", function() {
console.log("Button clicked");
});
// 刪除點擊事件
btn.removeEventListener("click", function() {
console.log("Button clicked");
});

異常處理

JavaScript中可能會出現程序異常，例如未定義變量、數組越界等，可以使用try-catch語句來捕獲和處理異常。

try {
// 代碼塊
} catch(error) {
// 異常處理
console.log(error.message);
}

總結

JavaScript是一種強大的腳本語言，可以實現網頁中各種實用功能。它支持變量和數據類型、函數和閉包、面向對象編程、事件處理和異常處理等特性，在前端開發中有著廣泛的應用。