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);