原文地址:https://www.jianshu.com/p/6a76530e4f8f
今天在写js的过程中遇到这么一个问题，取一个对象的属性值，通过obj.keys怎么都取不出来，但是用obj[keys]就可以。（这个是模拟的数据）
后来通过查资料明白，我这里data.water输出undefined,是因为object使用（.）获取属性值时，这里的water不是使用的变量water,而是直接去data对象中寻找名为water的key,没有找到，所以报undefined。
区别：
相同点：都可以获取到obj的属性值
不同点：
1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能
2 [ ]运算符可以用纯数字作为属性名，点运算符不能
3 [ ]运算符可以用js关键字和保留字作为属性名，点运算符不能
eg:
1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能
这里由于变量的var声明的变量会导致变量提升，所以会报undefined
2 [ ]运算符可以用纯数字作为属性名，点运算符不能
总结：对于一般的常量就使用（.）运算符，对于其他的使用[ ]运算符。