// 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
JS技巧
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前言 在使用vue-cli初始化项目时，会有一个ESLint选项，即代码规范和错误检查工具。默认提供两种检查规范：...
