尝试让new bing来生成一篇文章，只告诉了它标题为：JS的神奇写法有哪些？帮我写一篇2000字的文章。它没发一次性写完全部内容，每返回一次聊天结果，你都需要输入‘继续’才行，每次回答都会告诉你：“我不能保证它们的正确性和完整性。你可以参考以下的内容：”

而且我问的是：“JS的神奇写法有哪些？”，这篇文章其实返回的是ES6的一些新特性。大家可以看看该文章的可读性和原创性如何？

前言

JavaScript是一种非常灵活和强大的编程语言，它有很多神奇的写法和骚操作，让开发者可以用更简洁和优雅的方式实现各种功能。本文将介绍一些JS的神奇写法，包括：

- 三元运算符
- 短路运算符
- 解构赋值
- 模板字符串
- 箭头函数
- 默认参数
- 可选链
- 空值合并运算符

三元运算符

三元运算符是一种简化if...else语句的写法，它的语法是：

条件 ? 表达式1 : 表达式2

如果条件为真，执行表达式1，否则执行表达式2。例如：

let age = 18;
let message = age >= 18 ? "You are an adult." : "You are a minor.";
console.log(message); // You are an adult.

这种写法比if...else语句更简洁，也更容易阅读。当然，不要滥用三元运算符，如果条件或表达式过于复杂，还是建议使用if...else语句。

短路运算符

短路运算符是一种利用逻辑运算符的特性来实现条件判断的写法，它有两种形式：

表达式1 && 表达式2
表达式1 || 表达式2

对于&&运算符，如果表达式1为真，那么返回表达式2的值，否则返回表达式1的值。例如：

let name = "Alice";
let greeting = name && "Hello, " + name;
console.log(greeting); // Hello, Alice

let name = "";
let greeting = name && "Hello, " + name;
console.log(greeting); // ""

对于||运算符，如果表达式1为真，那么返回表达式1的值，否则返回表达式2的值。例如：

let name = "Alice";
let greeting = name || "Anonymous";
console.log(greeting); // Alice

let name = "";
let greeting = name || "Anonymous";
console.log(greeting); // Anonymous

这种写法可以用来给变量赋默认值或者执行某些操作。当然，不要滥用短路运算符，如果逻辑过于复杂，还是建议使用if...else语句。

解构赋值

解构赋值是一种从数组或对象中提取数据并赋值给变量的写法，它的语法是：

let [变量1, 变量2, ...] = 数组;
let {属性1: 变量1, 属性2: 变量2, ...} = 对象;

如果数组或对象中的元素或属性与变量名相同，可以省略冒号和变量名。例如：

let [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

let {name, age} = {name: "Alice", age: 18};
console.log(name); // Alice
console.log(age); // 18

这种写法可以方便地从数组或对象中获取数据，而不需要使用索引或点运算符。当然，不要滥用解构赋值，如果数组或对象过于复杂，还是建议使用传统的赋值方式。

模板字符串

模板字符串是一种使用反引号(`)来创建字符串的写法，它可以在字符串中嵌入变量或表达式，也可以创建多行字符串。例如：

let name = "Alice";
let age = 18;
let message = `Hello, ${name}. You are ${age} years old.`;
console.log(message); // Hello, Alice. You are 18 years old.

let poem = `Twinkle, twinkle, little star,
How I wonder what you are.
Up above the world so high,
Like a diamond in the sky.`;
console.log(poem); // Twinkle, twinkle, little star,
// How I wonder what you are.
// Up above the world so high,
// Like a diamond in the sky.

这种写法可以避免使用+运算符来拼接字符串，也可以保留换行符和空格。当然，不要滥用模板字符串，如果字符串中没有变量或表达式，还是建议使用单引号(')或双引号(")。

箭头函数

箭头函数是一种使用箭头(=>)来定义函数的写法，它可以简化函数的语法，也可以改变this的指向。例如：

let add = (a, b) => a + b;
console.log(add(1, 2)); // 3

let sayHello = name => `Hello, ${name}.`;
console.log(sayHello("Alice")); // Hello, Alice.

let numbers = [1, 2, 3];
let squares = numbers.map(x => x * x);
console.log(squares); // [1, 4, 9]

这种写法可以省略function关键字，如果只有一个参数，也可以省略括号，如果只有一条语句，也可以省略花括号和return关键字。当然，不要滥用箭头函数，如果函数体过于复杂或者需要使用this关键字，还是建议使用普通的函数定义方式。

默认参数

默认参数是一种在函数定义时给参数赋予默认值的写法，它可以避免在函数调用时传递undefined或者缺少参数的情况。例如：

let greet = (name = "Anonymous", message = "Hello") => `${message}, ${name}.`;
console.log(greet()); // Hello, Anonymous.
console.log(greet("Alice")); // Hello, Alice.
console.log(greet("Bob", "Hi")); // Hi, Bob.

这种写法可以使用等号(=)来给参数指定默认值，如果在函数调用时没有传递对应的参数，或者传递了undefined，那么就会使用默认值。当然，不要滥用默认参数，如果函数需要接收多个必须的参数，还是建议在函数体内进行检查和处理。

可选链

可选链是一种使用问号点(?.)来访问对象属性或方法的写法，它可以避免在对象为null或undefined时抛出错误。例如：

let person = {
name: "Alice",
age: 18,
address: {
city: "New York",
zip: "10001"
}
};

let city = person?.address?.city;
console.log(city); // New York

let zip = person?.address?.zip;
console.log(zip); // 10001

let phone = person?.phone?.number;
console.log(phone); // undefined

这种写法可以在访问对象属性或方法时，在点(.)前加上问号(?)，如果对象为null或undefined，那么就会返回undefined，而不会抛出错误。当然，不要滥用可选链，如果对象一定存在且不为空，还是建议使用普通的点运算符。

空值合并运算符

空值合并运算符是一种使用双问号(??)来选择两个表达式中非空的一个的写法，它可以避免在表达式为null或undefined时使用不合适的值。例如：

let name = "Alice";
let greeting = name ?? "Anonymous";
console.log(greeting); // Alice

let name = null;
let greeting = name ?? "Anonymous";
console.log(greeting); // Anonymous

let score = 0;
let result = score ?? 100;
console.log(result); // 0

这种写法可以在两个表达式之间使用双问号(??)，如果第一个表达式为null或undefined，那么就会返回第二个表达式的值，否则返回第一个表达式的值。当然，不要滥用空值合并运算符，如果表达式可能有其他假值（如false, 0, ""等），还是建议使用逻辑运算符(||)。

总结

- 解构赋值：一种从数组或对象中提取数据并赋值给变量的写法。

- 模板字符串：一种使用反引号(`)来创建字符串的写法，可以在字符串中嵌入变量或表达式，也可以创建多行字符串。

- 箭头函数：一种使用箭头(=>)来定义函数的写法，可以简化函数的语法，也可以改变this的指向。

- 默认参数：一种在函数定义时给参数赋予默认值的写法，可以避免在函数调用时传递undefined或者缺少参数的情况。

- 可选链：一种使用问号点(?.)来访问对象属性或方法的写法，可以避免在对象为null或undefined时抛出错误。

- 空值合并运算符：一种使用双问号(??)来选择两个表达式中非空的一个的写法，可以避免在表达式为null或undefined时使用不合适的值。

链接: https://fly63.com/article/detial/12405