JavaScript 代码简写技巧

三元操作符

写if…else语句时，使用三元操作符来代替

if (x > 10) {
return true;
}else{
return false;
}

// 简写
var = x > 0 ? true : false

短路求值简写方式

当给一个变量分配另一个值时，想确定源始值不是null，undefined或空值。

if(why!==null || why!==undefined || why!==''){
why = 'for you';
}
//简写
var why = 'for you' || 'new'

声明变量简写

var a;var b;var c=3;
//简写
var a,b,c=3

if存在条件简写方法

if(like===true){}
if(a!=b){
return false;
}
//简写
if(like){}
if(!like){}
if(a!=b) return false;
a!=b ? false : true

for循环简写方法

for (let i = 0; i < like.length; i++){}
//简写
for(let i in like){}
//或者 Array.forEach();
[0,1,2].forEach(like);

短路判断

给一个变量分配的值是通过判断其值是否为null或undefined

// 给一个变量分配的值是通过判断其值是否为null或undefined，则可以：
let dbHost;
if(process.env.DB_HOST){}
//简写
let dbHost = process.env.DB_HOST || 'localhost';

十进制指数

// 返回true
1e0 === 1;
1e1 === 10;
1e5 === 100000;
...

对象属性简写

如果属性名与key名相同，则可以采用ES6的方法：

var obj = { x:x, y:y };
简写
var obj = { x, y }

箭头函数简写

function hy(name) {
console.log('Hello', name);
}
简写
hy = name => console.log('hello',name);

隐式返回值简写

/* 经常使用return语句来返回函数最终结果，
一个单独语句的箭头函数能隐式返回其值
（函数必须省略{}为了省略return关键字）
为返回多行语句（例如对象字面表达式），则需要使用()包围函数体。
*/
function like(name){
return 'yes';
}
var func = function func(){
return {foo:1}
}
// 简写
like = name =>('yes');
var func = () => ({ foo:1 })