10个JS简写小技巧，让你的代码更漂亮

JS代码简写技巧可以使代码更加简洁易读，提高开发效率和代码运行速度，降低出错率，更易于维护。同时，它可以减少代码量，提高可读性，是一种实用的编程技巧，适用于大型项目。

1. Ternary Operator（三元运算符）

// 传统写法if (condition) {
  value = x;} else {
  value = y;}// 简写value = condition ? x : y;

1. Short-circuit Evaluation（短路运算）

// 传统写法if (variable !== null || variable !== undefined || variable !== '') {
  doSomething();}// 简写if (variable) {
  doSomething();}

1. Spread Operator（展开运算符）

// 传统写法var arr1 = [1, 2, 3];var arr2 = [4, 5, 6];var arr3 = arr1.concat(arr2);// 简写var arr3 = [...arr1, ...arr2];

1. Destructuring（解构）

// 传统写法var first = arr[0];var second = arr[1];// 简写var [first, second] = arr;

1. Default Parameters（默认参数）

// 传统写法function doSomething(param) {
  var param = param || 'default';}// 简写function doSomething(param = 'default') {
  // ...}

1. Object Shorthand（对象简写）

// 传统写法var x = 1;var y = 2;var obj = { x: x, y: y };// 简写var x = 1;var y = 2;var obj = { x, y };

1. Arrow Functions（箭头函数）

// 传统写法function add(x, y) {
  return x + y;}// 简写var add = (x, y) => x + y;

1. Template Literals（模板字面量）

// 传统写法var name = 'Tom';var greeting = 'Hello, ' + name + '!';// 简写var name = 'Tom';var greeting = `Hello, ${name}!`;

1. Array.reduce()（数组reduce方法）

// 传统写法var arr = [1, 2, 3, 4, 5];var sum = 0;for (var i = 0; i < arr.length; i++) {
  sum += arr[i];}// 简写var arr = [1, 2, 3, 4, 5];var sum = arr.reduce((acc, cur) => acc + cur, 0);

1. Object.assign()（对象assign方法）

// 传统写法var obj1 = { x: 1, y: 2 };var obj2 = { z: 3 };var obj3 = Object.assign({}, obj1, obj2);// 简写var obj1 = { x: 1, y: 2 };var obj2 = { z: 3 };var obj3 = { ...obj1, ...obj2 };

以上是10个JS简写小技巧，可以让代码更加简洁和易读。

结语

牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤