js对象取值的时候 . 与 [ ] 的区别

一般对象的取值有两种方式，但是有什么区别呢？

接下来举个例子

var obj = {
     a:1,b:2,c:3}
for(var key  in  obj){
     
	console.log(obj.key)//会打印输出3个undefined，取不出值
	console.log(obj[key])//会打印出1，2，3

}

它们两种取值方式，一般情况下都是可以的，但是通过上述例子可知，当是一个变量的时候，只能采用【】的形式才能将值取出。
obj[key]就相当于obj[“a”],而obj.key是从obj中取出属性为key的值，然而并没有，所以打印出undefined。