js操作对象属性用点和用中括号有什么不同

书读百遍其义自见

学习《JavaScript设计模式》一书时，学习工厂模式这一章节，发现了对象后使用中括号的情况，如下：

var Factory=function(type,content){

            if(this instanceof Factory){

                //对于一下this后使用中括号不是很明白

                var s=new this[type](content);

            }else{

                return new Factory(type,content);

            }

        }

不是很明白，百度了一些解释，如下：

• 中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。
• 中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。
• 中括号运算符可以用纯数字为属性名。点运算符不能。
• 中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。

/**

  * 在JavaScript里面 . 可以理解成 的

  * 下面的例子中，a.b表示对象a的属性b，既可以设置也可以读取

  * object[key]=>key为常量时，object[key]等价于object.key，例如：a.b == a['b']

  * 特殊的，object[key]=>key为变量时，只能用中括号形式

  */

var a = {};

// a.b = 1;

a['b'] = 1;

c = a.b;

// c = a['b'];

alert(c);