史上最全JavaScript常用的简写技巧（推荐）

在JavaScript编写代码时，我们经常需要用到很多语句，例如if语句、for循环、函数等等。这些语句可以通过使用JavaScript的简写技巧来让我们的代码更加简短，更加易读。下面就是一些常用的JavaScript简写技巧。

1. 赋值运算符的简写

1.1 增量与减量

我们可以使用“++”和“--”来实现增量和减量的操作。例如：

var count = 1;
count++; // count现在的值为2
count--; // count现在的值为1

1.2 加等与减等

我们还可以使用“+=”和“-=”来实现加等和减等的操作。例如：

var count = 1;
count += 10; // count现在的值为11
count -= 5; // count现在的值为6

1.3 联合赋值

我们可以使用“||=”和“&&=”来实现联合赋值的操作。在赋值时，如果左侧的变量为空或者未定义，则会使用右侧的值进行赋值。例如：

var name;

name ||= 'John Doe'; // name现在的值为'John Doe'

var age = 20;

age &&= 25; // age现在的值为25

2. 对象字面量的简写

我们可以使用对象字面量的简写来创建对象。例如：

var name = 'John Doe';
var age = 20;

var person = {
  name,
  age
};

// person现在的值为{ name: 'John Doe', age: 20 }

3. 函数的简写

3.1 箭头函数

我们可以使用箭头函数来简化函数的定义。例如：

// 正常定义函数
function add(a, b) {
  return a + b;
}

// 使用箭头函数定义函数
const add = (a, b) => a + b;

3.2 函数参数的默认值

我们可以使用函数参数的默认值来简化函数定义。例如：

// 正常定义函数
function greet(name) {
  if (name === undefined) {
    name = 'John Doe';
  }

  console.log('Hello, ' + name);
}

// 使用函数参数的默认值定义函数
const greet = (name = 'John Doe') => console.log('Hello, ' + name);

4. 数组的简写

4.1 解构赋值

我们可以使用解构赋值来获取数组中的元素。例如：

// 正常获取数组元素
var arr = [1, 2];
var a = arr[0];
var b = arr[1];

// 使用解构赋值获取数组元素
const arr = [1, 2];
const [a, b] = arr;

4.2 扩展运算符

我们可以使用扩展运算符来合并数组。例如：

// 正常合并数组
var arr1 = [1, 2];
var arr2 = [3, 4];
var arr3 = arr1.concat(arr2);

// 使用扩展运算符合并数组
const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [...arr1, ...arr2];

以上就是常用的JavaScript简写技巧，通过使用这些技巧，可以让您的代码更加简短、易读、简洁。希望对您有所帮助。