在使用默认值时，经常需要检查存在的值。但是，你还可以直接使用真值和假值。这样能改善代码并节省好多字符，使代码更加流畅。我经常看到人们这样写：
if(myBool === true) { console.log(...) } // OR if(myString.length > 0) { console.log(...) } // OR if(isNaN(myNumber)) { console.log(...) }
这些代码可以缩写成：
if(myBool) { console.log(...) } // OR if(myString) { console.log(...) } // OR if(!myNumber) { console.log(...) }
要真正理解这些语句的好处，你必须要理解真值和假值都是什么。下面是部分摘要：
假值
长度为0的字符串
数字0
false
undefined
null
NaN
真值
空数组
空对象
任何其他东西
当检查真值或假值时，不需要明确写出比较，这相当于使用双等号 == 而不是三等号 ===。一般来说，这种用法的行为与预想是一致的，但有可能会遇到bug。比如，我最常遇到但就是有关数字0的bug。
5. 逻辑运算符和三元运算符
这些运算符也是用来缩减代码的，节省下宝贵的代码行数。经常有许多工具可以保持代码干净整洁，但这些工具也会造成混乱，特别是在改变它们时。
逻辑运算符
逻辑运算符可以组合两个表达式，并返回true或false，或者匹配的值。常用的有&&，意思是“与”，还有 || 意思是“或”。我们来看看：
console.log(true && true) // true console.log(false && true) // false console.log(true && false) // false console.log(false && false) // false console.log(true || true) // true console.log(true || false) // true console.log(false || true) // true console.log(false || false) // false
根据上一部分关于真值和假值的知识，我们可以将逻辑运算符组合起来。在使用逻辑运算符时，会使用以下规则：
&& ：返回第一个值为假的表达式的值。如果不存在，则返回最后一个值为真的值。
|| ：返回第一个值为假的表达式的值。如果不存在，则返回最后一个值为假的值。
console.log(0 && {a: 1}) // 0 console.log(false && 'a') // false console.log('2' && 5) // 5 console.log([] || false) // [] console.log(NaN || null) // null console.log(true || 'a') // true
三元运算符
三元运算符很像逻辑表达式，但它由三个部分组成：
比较部分，返回假值或真值；
第一个值，如果比较为真；
第二个值，如果比较为假。
下面是例子：
const lang = 'German' console.log(lang === 'German' ? 'Hallo' : 'Hello') // Hallo console.log(lang ? 'Ja' : 'Yes') // Ja console.log(lang === 'French' ? 'Bon soir' : 'Good evening') // Good evening
6. 链式操作
你遇到过这个问题吗？在访问嵌套对象的属性时，无法事先确定对象的属性是否存在？可能不得不写这样的代码：
let data if(myObj && myObj.firstProp && myObj.firstProp.secondProp && myObj.firstProp.secondProp.actualData) data = myObj.firstProp.secondProp.actualData
这段代码很荒谬，我们还有更好的办法，至少是在建议中的办法（下面说了怎样启用该办法）。这个办法称为optional chaining，用法如下：
const data = myObj?.firstProp?.secondProp?.actualData
用这个方法检查嵌套属性非常流畅，代码也能变得更干净。
目前，optional chaining还不是官方标准的一部分，但它是个stage-1的实验性功能。需要在babelrc中加入@babel/plugin-proposal-optional-chaining来启用它。
7. 类属性和绑定
JavaScript中的函数绑定是个非常常见的任务。由于ES6标准引入了箭头函数，我们现在可以自动地用定义的形式绑定函数——这方法非常好用，现在的JavaScript开发者都在用它。之前类刚刚出现时是没办法使用箭头函数的，因为类需要用某种特殊的方式来定义。我们需要在某个地方进行绑定，例如在构造函数里（在React.js中最好这样做）。
我很讨厌需要先定义类方法再绑定方法的流程，不过现在可以通过箭头函数进行自动绑定。箭头函数现在可以直接在类中使用。
下面是个例子，其中的_increaseCount被绑定了：
class Counter extends React.Component { constructor(props) { super(props) this.state = { count: 0 } } render() { return( <div> <h1>{this.state.count}</h1> <button onClick={this._increaseCount}>Increase Count</button> </div> ) } _increaseCount = () => { this.setState({ count: this.state.count + 1 }) } }
目前，类属性不是官方标准的一部分，但是个stage-3的实验性功能。必须在babelrc中添加@babel/plugin-proposal-class-properties才能使用它。
8. 使用parcel
作为前端开发者，你肯定会遇到打包和编译代码的问题。