JavaScript中的‘||’和‘&&’最美诠释，有醍醐灌顶之功效

Posted 2023-02-09 牧碼人

let a = 'foo',
	b = 7,
	c = false,
	d = function d() 
		return 'hello world!';
	;

console.log(a || b);
// foo
console.log(a || c);
// foo
console.log(c || a);
// foo
console.log(c || b);
// 7

console.log(a || d());
// foo
console.log(b || d());
// 7
console.log(c || d());
// hello world!

console.log(a && b);
// 7
console.log(a && c);
// false
console.log(c && a);
// false
console.log(c && b);
// false

console.log(a && d());
// hello world!
console.log(b && d());
// hello world!
console.log(c && d());
// false

---

||运算符相当于a ? a : b
&&运算符相当于a ? b : a
这里只是说相当于，但不完全是。||操作符经常用于给函数参数添加默认值，这只是在ES6之前用的比较多，目前的ES6一般都直接可以在函数形参上添加默认值；&&操作符经常用于判断函数是否符合调用条件。