JS技巧

// 1. 有条件地想对象添加属性
const condition = true;
const person = {
  id: 1,
  name: 'Xiao He',
  ...(condition && {
    age: 16
  }),
};
// 如果每个操作数的值都为 true，则 && 操作符返回最后一个求值表达式。因此返回一个对象{age: 16}，然后将其扩展为person对象的一部分。

//2 . 空值合并 ?? 操作符 只判断一个变量是否为 null 或 undefined
const foo = null ?? 'Hello';
console.log(foo); // 'Hello'
const bar = 'Not null' ?? 'Hello';
console.log(bar); // 'Not null'

const baz = 0 ?? 'Hello';
console.log(baz); // 0

//你可能认为我们可以在这里使用 ||  => 它是 "真值" 操作符，但这两者之间是有区别的。

const cannotBeZero = 0 || 5;
console.log(cannotBeZero); // 5

const canBeZero = 0 ?? 5;
console.log(canBeZero); // 0

//3.字符串和整数转换
// 使用 + 操作符将字符串快速转换为数字:
const stringNumer = '123';
console.log(+stringNumer); //123
console.log(typeof + stringNumer); //'number'
//要将数字快速转换为字符串，也可以使用 + 操作符，后面跟着一个空字符串:
const myString = 25 + '';
console.log(myString); //'25'
console.log(typeof myString); //'string'

4.document.designMode