2025澳门开彩结果历史记录-2025澳门开彩结果-2025澳门开彩查询记录-2025澳门聚宝盆-2025澳门九点半一肖一码-2025澳门精准资料免费全览

JavaScript 是一門強(qiáng)大且靈活的語言，擁有豐富的特性和語法糖。分享下 16 個(gè)最常用的 JavaScript 的簡寫技巧，掌握它們可以讓我們編寫出更簡潔、更優(yōu)雅的代碼，并顯著提升開發(fā)效率。

1. 聲明多個(gè)變量

常規(guī)寫法： 

let a;

let b;

let c; 

 

 簡寫： 

let a, b, c; 

 

2. If - Else 簡寫

 常規(guī)  if - else ： 

let num = 10;

let result;

if (num > 5) {

    result = '大于5';

} else {

    result = '小于等于5';

} 

 

三元運(yùn)算符簡寫： 

let num = 10;

let result = num > 5? '大于5' : '小于等于5'; 

 

3. && 短路求值

常規(guī)寫法：

let message;

let condition = true;

if (condition) {

    message = '條件為真';

} 

 

簡寫： 

let condition = true;

let message = condition && '條件為真'; 

 

4. || 短路求值

 常規(guī)寫法： 

let value;

let someValue = null;

if (someValue) {

    value = someValue;

} else {

    value = '默認(rèn)值';

} 

 

簡寫： 

let someValue = null;

let value = someValue || '默認(rèn)值'; 

 

5. 對象屬性簡寫

 常規(guī)寫法：

let name = 'John';

let age = 30;

let person = {

    name: name,

    age: age

}; 

 

簡寫：

let name = 'John';

let age = 30;

let person = { name, age }; 

 

6. 對象方法簡寫

 常規(guī)寫法：

let obj = {

    method: function () {

        console.log('方法執(zhí)行');

    }

}; 

 

簡寫：

let obj = {

    method() {

        console.log('方法執(zhí)行');

    }

}; 

 

7. 箭頭函數(shù)

常規(guī)函數(shù)：

function add(a, b) {

    return a + b;

} 

 

箭頭函數(shù)簡寫： 

const add = (a, b) => a + b; 

 

8. 數(shù)組解構(gòu)賦值

常規(guī)寫法：

let arr = [1, 2];

let a = arr[0];

let b = arr[1]; 

 

簡寫： 

javascript  

let [a, b] = [1, 2]; 

 

9. 對象解構(gòu)賦值

常規(guī)寫法：

let person = { name: 'John', age: 30 };

let name = person.name;

let age = person.age; 

 

 簡寫：

let { name, age } = { name: 'John', age: 30 }; 

 

10. 擴(kuò)展運(yùn)算符（數(shù)組）

 合并數(shù)組常規(guī)寫法：

let arr1 = [1, 2];

let arr2 = [3, 4];

let combined = arr1.concat(arr2); 

 

擴(kuò)展運(yùn)算符簡寫： 

let arr1 = [1, 2];

let arr2 = [3, 4];

let combined = [...arr1,...arr2]; 

 

11. 擴(kuò)展運(yùn)算符（對象）

 合并對象常規(guī)寫法：

let obj1 = { a: 1 };

let obj2 = { b: 2 };

let merged = Object.assign({}, obj1, obj2); 

 

擴(kuò)展運(yùn)算符簡寫：

let obj1 = { a: 1 };

let obj2 = { b: 2 };

let merged = {...obj1,...obj2 }; 

 

12. for...of 循環(huán)遍歷數(shù)組

 for 循環(huán)常規(guī)寫法：

let arr = [1, 2, 3];

for (let i = 0; i < arr.length; i++) {

    console.log(arr[i]);

} 

 

for...of 簡寫： 

let arr = [1, 2, 3];

for (let num of arr) {

    console.log(num);

} 

 

13. 數(shù)組 map 方法創(chuàng)建新數(shù)組

常規(guī) for 循環(huán)創(chuàng)建新數(shù)組： 

let arr = [1, 2, 3];

let newArr = [];

for (let i = 0; i < arr.length; i++) {

    newArr.push(arr[i] * 2);

} 

 

map 方法簡寫： 

let arr = [1, 2, 3];

let newArr = arr.map(num => num * 2); 

 

14. 數(shù)組 filter 方法過濾數(shù)組

 常規(guī) for 循環(huán)過濾數(shù)組： 

let arr = [1, 2, 3, 4, 5];

let filteredArr = [];

for (let i = 0; i < arr.length; i++) {

    if (arr[i] > 3) {

        filteredArr.push(arr[i]);

    }

} 

 

 filter 方法簡寫： 

let arr = [1, 2, 3, 4, 5];

let filteredArr = arr.filter(num => num > 3); 

 

15. 指數(shù)運(yùn)算

常規(guī)寫法： 

let result = Math.pow(2, 3); 

 

 指數(shù)運(yùn)算符簡寫： 

let result = 2 ** 3; 

 

16. 模板字面量

常規(guī)字符串拼接： 

let name = 'John';

let greeting = 'Hello, ' + name + '!'; 

 

 模板字面量簡寫： 

let name = 'John';

let greeting = `Hello, ${name}!`;