介紹 Javascript ES5 語法
JavaScript 可謂是互聯網世界中廣泛應用的編程語言,其靈活性、易上手的特點已深入人心。不同的 JavaScript 版本提供不同的語法和運行方式,其中 ES5 ( ECMAScript 5 ) 是它的一種版本。這篇文章將會介紹 JavaScript ES5 的語法特性以及相應的使用方法。
變量聲明及初始化
在 ES5 中,變量聲明的方式有兩種,分別是 var 和 function。通過 var 聲明的變量具有函數作用域,它只有在函數內部才可以被訪問到。而 function 聲明的變量則具有全局作用域。
這里舉一個例子來說明這一特點:
// 函數內 var 聲明的變量 x
// 可以在函數外部訪問
function foo() {
var x = 1;
}
console.log(x); // undefined
// 函數內 function 聲明的變量 y
// 可以在函數外部訪問
function bar() {
y = 2;
}
bar();
console.log(y); // 2
此外,我們也可以通過 var 來同時聲明多個變量,如下:var x = 1, y = 2, z = 3;
同樣的,我們也可以通過 var 定義全局變量,如下:var global = "global";
function foo() {
console.log(global); // "global"
}
foo();
條件語句
在 ES5 中,Javascript 提供了 if 語句、if...else 語句、switch 語句等用于程序流程控制的語句。下面是 if 語句和 switch 語句的示例:// if 語句
if (i >0) {
console.log("i >0");
}
// switch 語句
switch (day) {
case 0: console.log("Monday"); break;
case 1: console.log("Tuesday"); break;
case 2: console.log("Wednesday"); break;
case 3: console.log("Thursday"); break;
case 4: console.log("Friday"); break;
case 5: console.log("Saturday"); break;
case 6: console.log("Sunday"); break;
}
循環語句
與條件語句類似,ES5 中也提供了一些循環控制語句。這些語句包括 for、while、do-while 等,它們可以幫助程序員便捷地實現對數組和對象元素的遍歷。下面是常見的循環語句示例。// for 循環
for (var i = 0; i< 10; i++) {
console.log(i);
}
// while 循環
var i = 0;
while (i< 10) {
console.log(i);
i++;
}
// do-while 循環
var i = 0;
do {
console.log(i);
i++;
} while (i< 10);
函數定義及調用
Javascript 函數是實現代碼重用的重要工具。ES5 中定義函數的方式可以通過 function 聲明和函數表達式兩種方式。函數表達式可以幫助我們實現更加靈活的編程。// 通過 function 聲明方式來定義函數
function sum (a, b) {
return a + b;
}
var result = sum(1, 2);
console.log(result); // 3
// 通過函數表達式方式定義函數
var sum = function (a, b) {
return a + b;
}
var result = sum(2, 3);
console.log(result); // 5
數組操作
在 Javascript 中,數組是一種基本類型,它能夠存儲多個類型的數據。ES5 中增加了新的數組操作方法,如 forEach()、map()、reduce()、filter() 等,下面是示例:var fruits = ["Apple", "Orange", "Banana"];
// 使用 forEach 方法遍歷數組
fruits.forEach(function (fruit) {
console.log(fruit); // 輸出每個水果
});
// 使用 map 方法轉換數組
var upperCaseFruits = fruits.map(function (fruit) {
return fruit.toUpperCase();
});
console.log(upperCaseFruits); // [ "APPLE", "ORANGE", "BANANA" ]
// 使用 reduce 方法計算數組中元素的合計值
var nums = [1, 2, 3, 4, 5];
var sum = nums.reduce(function (accumulator, currentValue) {
return accumulator + currentValue;
});
console.log(sum); // 15
// 使用 filter 方法過濾結果
var grades = [80, 88, 61, 98, 77];
var goodGrades = grades.filter(function (grade) {
return grade >= 80;
});
console.log(goodGrades); // [ 80, 88, 98 ]
總結
通過本文的介紹,我們了解了 Javascript ES5 的一些基本語法和用法。雖然 ES6 和 ES7 已經出現了一段時間,但 ES5 仍然是許多項目中的常用版本。希望這篇文章能夠為你的工作和學習提供一些幫助和指導。