es6小技巧整理

1、&& 操作符：

如果每个操作数的值都为 true，则 && 操作符返回最后一个求值表达式。

let a = true;
let b = true;
console.log(a&&b&&{c:'test'});//{c: "test"}

2、有条件的添加对象：

 使用...可以有条件地向对象添加属性。

const a = true;
const b = {
  c: 1,
  d: '2',
  ...(a && { e: 3 }),
};

3、判断属性是否存在

const a = { b: 'test', c: 999 };
console.log('test' in person); // true
console.log(888 in person); // false

4、动态属性

在对象中可以使用['key name']来动态的添加和引用属性

let a = 'test'
let b = {
     c:'aaaaa',  
    [a]:'bbbbbb'
}
console.log(b);//{c:'aaaaa',test:'bbbbbb'}
console.log(b[a]);// 'bbbbbb'

5、?? 判断取值( && 刚好与之相反)

当左侧为真的时候取左侧的值，左侧为false返回右侧的值

let a = 'test'
let b = null;
let c = 'return';
console.log(a??c);//'test'
console.log(b??c);//'return'

 6、?.

判断对象下是否存在某属性，存在就取 . 后面的值，不存在返回nudefined

let a = {
    b:{
        c:'test'
    }
}
console.log(a.b?.c);//'test'
console.log(a.c?.c);//undefined