js必须牢记的6个蛋蛋： 请你一定要记住：在js逻辑运算中，0、”“、null、false、undefined、NaN都会判为false，其他都为true（好像没有遗漏了吧，请各位确认下）。这个一定要记住，不然应用||和&&就会出现问题。
这里顺便提下：经常有人问我，看到很多代码if(!!attr)，为什么不直接写if(attr)；
其实这是一种更严谨的写法：
请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。
2.&&（逻辑与）
从字面上来说，只有前后都是true的时候才返回true，否则返回false。
alert(true&&false); // false
alert(true&&true); // true
alert(false&&false); // false
alert(false&&true); // false
然后，根据上面经验，我们看看“&&”号前后，不单单是布尔类型的情况。
alert(''&&1);//''
结是返回”,“&&”前面”是false,后面是1是true。
alert(''&&0);//''
结是返回”,“&&”前面”是false,后面是0也是false。
alert('a'&&1);//1
结是返回1,“&&”前面”a是true,后面是1也是true。
alert('a'&&0);//0
结是返回0,“&&”前面”a是true,后面是0是false。
alert('a'&&'');//''
结是返回”,“&&”前面”a是true,后面是”是false。
alert(0&&'a');//0
结是返回0,“&&”前面”0是false,后面是’a’是true。
alert(0&&''); //0
结是返回0,“&&”前面”0是false,后面是”也是false。
短路原理
1、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
2、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;
3.在开发中的应用
- 下面三段代码等价：
a=a||"defaultValue";
if(!a){
a="defaultValue";
}
if(a==null||a==""||a==undefined){
a="defaultValue";
}
你愿意用哪一个呢？
2、 像**var Yahoo = Yahoo || {};**这种是非常广泛应用的。 获得初值的方式是不是很优雅？比if。。。。else…好很多，比？：也好不少。
3、 callback&&callback()
在回调中，经常这么写，更严谨，先判断 callback 是不是存在，如果存在就执行，这样写的目的是为了防止报错
如果直接写 callback(); 当callback不存在时代码就会报错。
4、综合实例
需求如图：
假设对成长速度显示规定如下：
- 成长速度为5显示1个箭头；
- 成长速度为10显示2个箭头；
- 成长速度为12显示3个箭头；
- 成长速度为15显示4个箭头；
- 其他都显示都显示0各箭头。
用代码怎么实现？
差一点的if，else：
var add_level = 0;
if(add_step == 5){
add\_level = 1;
}
else if(add_step == 10){
add\_level = 2;
}
else if(add_step == 12){
add\_level = 3;
}
else if(add_step == 15){
add\_level = 4;
}
else {
add\_level = 0;
}
稍好些的switch：
var add_level = 0;
switch(add_step){
case 5 : add_level = 1;
break;
case 10 : add_level = 2;
break;
case 12 : add_level = 3;
break;
case 15 : add_level = 4;
break;
default : add_level = 0;
break;
}
如果需求改成：
- 成长速度为>12显示4个箭头；
- 成长速度为>10显示3个箭头；
- 成长速度为>5显示2个箭头；
- 成长速度为>0显示1个箭头；
- 成长速度为<=0显示0个箭头。
那么用switch实现起来也很麻烦了。
那么你有没有想过用一行就代码实现呢？
ok，让我们来看看js强大的表现力吧：
var add\_level = (add\_step==5 && 1) || (add\_step==10 && 2) || (add\_step==12 && 3) || (add\_step==15 && 4) || 0;
更强大的，也更优的：
var add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;
总结:
-
函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；
-
它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；
Tips:
其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；
我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。
理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；
所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；
