js 常用简写技巧

---

JavaScript 中有许多常用的简写技巧，以下是一些常见的简写方法：

1. 变量声明与赋值：

   // 传统写法
   let x = 5;
   
   // 简写
   let x = 5, y = 10, z = 15;

2. 条件赋值：

   // 传统写法
   let result;
   if (x > 0) {
     result = "positive";
   } else {
     result = "non-positive";
   }
   
   // 简写
   let result = x > 0 ? "positive" : "non-positive";

3. 模板字符串：

   // 传统写法
   let name = "John";
   let greeting = "Hello, " + name + "!";
   
   // 简写
   let greeting = `Hello, ${name}!`;

4. 对象属性定义：

   // 传统写法
   let obj = {
     prop1: value1,
     prop2: value2,
     prop3: value3
   };
   
   // 简写
   let obj = { prop1, prop2, prop3 };

5. 箭头函数：

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

6. 数组操作：

   // 传统写法
   let arr = [1, 2, 3];
   let doubled = arr.map(function (num) {
     return num * 2;
   });
   
   // 简写
   let arr = [1, 2, 3];
   let doubled = arr.map(num => num * 2);

7. 默认参数：

   // 传统写法
   function greet(name, greeting) {
     if (greeting === undefined) {
       greeting = "Hello";
     }
     console.log(`${greeting}, ${name}!`);
   }
   
   // 简写
   function greet(name, greeting = "Hello") {
     console.log(`${greeting}, ${name}!`);
   }

8. 解构赋值：

   // 传统写法
   let x = obj.x;
   let y = obj.y;
   
   // 简写
   let { x, y } = obj;

这些简写技巧可以提高代码的可读性和简洁性。但需要注意，在某些情况下，为了代码的可读性，应该谨慎使用过于简写的方式。

---

原文链接：codingdict.net

---