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