background
if (window) {
console.log('browser side rendering')
} else {
console.log('server side rendering')
}
当我启项目的时候，不断的报错：
window is not defined
原因
在JS中，有一种错误是：ReferenceError: "x" is not defined
造成这种错误出现的时机是：当你使用了一个从没有定义过得变量
那么问题来了：
Q1：从没有定义过得变量的值那么这个值的value不就是undefined，那么如果使用这个变量作为if的条件，为啥不能判断呢？
- 对于JS而言，一旦解释到没有定义的变量，就会直接throw上面的error。
- 但是定义过但是没有赋值的变量，也就意味着这个变量的value是undefined，对于JS而言不是一个错误，所以if可以使用这个变量作为条件
----> JS中没有定义的变量会throw error而不是将其当做undefined，JS只会将没有赋值的变量当做一个没有错误的undefined
Q2:那么为啥会经常在代码里看到这波操作props && props.a && props.a.b?
如果写出这样的代码，一般就是想使用props.a.b但是又害怕props或者props.a不存在导致throw error。但是这样写按照之前的理解怎么能防止error呢？
- 对于以上的代码，我只能说首先，props一定是定义过的或者说一定是存在的，否则这段代码会直接throw error
Q3： 如果props是一个空object，说明props.a一定不存在，为啥不报错呢？
- 在JS中，使用一个对象不存在的属性是不会报错的，不过这个属性的value是undefined.
----> JS对于不存在变量会throw error对于不存在的属性不会报错。
Q4:那么我该如何check一个变量是否被定义过呢？
- 只有一个办法可以check变量是否定义过，使用typeof
if(typeof value === 'undefined'){
alert('value没有定义过')
}
