JavaScript 發展歷程
由 Brendan Eich 於 1995 年為 Netscape 開發。從早期的簡單腳本語言，歷經 AJAX 革命、jQuery 時代，到 ES6 (2015) 帶來 class、module、arrow function 等現代特性。
基本語法
// 變數宣告
let count = 0;
const PI = 3.14159;
// 箭頭函數
const greet = (name) => `Hello, ${name}!`;
// Promise 非同步
fetch('/api/data')
.then(res => res.json())
.then(data => console.log(data));
DOM 操作
JavaScript 可透過 DOM API 操作網頁元素。
// 選取元素
const el = document.querySelector('#app');
// 修改內容與樣式
el.textContent = '新內容';
el.style.color = 'red';
el.classList.add('active');
// 事件監聽
el.addEventListener('click', () => {
console.log('Clicked!');
});
非同步程式設計
JavaScript 使用 Callback、Promise、async/await 處理非同步操作。
async function getData() {
try {
const res = await fetch('/api/users');
const users = await res.json();
return users;
} catch (err) {
console.error(err);
}
}