摘要：JavaScript 是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下 16 个最常用的 JavaScript 的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
JavaScript 是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下 16 个最常用的 JavaScript 的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
// 传统写法let result;if (someCondition) { result = 'yes';} else { result = 'no';}// 简写方式const result = someCondition ? 'yes' : 'no';// 传统写法const name = user.name !== null && user.name !== undefined ? user.name : 'default';// 简写方式const name = user.name ?? 'default';// 传统写法const street = user && user.address && user.address.street;// 简写方式const street = user?.address?.street;// 传统写法function unique(arr) { return arr.filter((item, index) => arr.indexOf(item) === index);}// 简写方式const unique = arr => [...new Set(arr)];// 传统写法const floor = Math.floor(4.9);// 简写方式const floor = ~~4.9;// 传统写法const merged = Object.assign({}, obj1, obj2);// 简写方式const merged = { ...obj1, ...obj2 };// 传统写法if (condition) { doSomething;}// 简写方式condition && doSomething;// 传统写法function greet(name) { name = name || 'Guest'; console.log(`Hello ${name}`);}// 简写方式const greet = (name = 'Guest') => console.log(`Hello ${name}`);// 传统写法const first = arr[0];const second = arr[1];// 简写方式const [first, second] = arr;// 传统写法if (value === 1 || value === 2 || value === 3) { // ...}// 简写方式if ([1, 2, 3].includes(value)) { // ...}// 传统写法Math.pow(2, 3);// 简写方式2 ** 3;// 传统写法const numbers = [1, 2, 3];const doubled = numbers.map(function(num) { return num * 2;});// 简写方式const doubled = numbers.map(num => num * 2);来源：不秃头程序员
免责声明：本站系转载，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本站联系，我们将在第一时间删除内容!
