js简写

让你的js更酷

if多条件判断

// 冗余
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {}

// 简洁
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {}

if...else...

// 冗余
let test: boolean;
if (x > 100) {
    test = true;
} else {
    test = false;
}

// 简洁
let test = x > 10;

函数条件调用

// 冗余
function test1() {
  console.log('test1');
};
function test2() {
  console.log('test2');
};
var test3 = 1;
if (test3 == 1) {
  test1();
} else {
  test2();
}

// 简单
(test3 === 1? test1:test2)();

函数 return一个对象、

// 冗余
[1,2,3,4].map(item => {
	return {a: 1}
})

// 简写
[1,2,3,4].map(item => ({a: 1}))

可选链操作符( ?. )

// 冗余
let data;
if(res && res.data && res.data.result && res.data.result[0]) {
    data = res.data.result;
}

// 简洁
let data = res?.data?.result?.[0]

空值合并操作符（??）

// 冗余
if (first !== null || first !== undefined) {
    let second = first;
}

// 简洁
let second = first ?? '';