标签：
最近在学习js的设计模式，其中在学习装饰器模式中遇到new调用的问题，一直很疑惑。
1 var tree = { 2 3 decorate:function(){ 4 alert("Make sure the tree won\‘t fall"); 5 }, 6 7 //tree的某个属性，并继承tree 8 getDecorate:function(deco){ 9 tree[deco].prototype = this; 10 return new tree[deco]; 11 }, 12 13 RedBalls:function(){ 14 this.decorate = function(){ 15 this.RedBalls.prototype.decorate(); 16 alert("red"); 17 }; 18 }, 19 20 BlueBalls:function(){ 21 this.decorate = function(){ 22 this.BlueBalls.prototype.decorate(); 23 alert("blue"); 24 }; 25 }, 26 27 AngelBalls:function(){ 28 this.decorate = function(){ 29 this.AngelBalls.prototype.decorate(); 30 alert("Angel"); 31 }; 32 } 33 }; 34 35 tree = tree.getDecorate("RedBalls"); 36 tree = a.getDecorate("BlueBalls"); 37 tree = a.getDecorate("AngelBalls"); 38 tree.decorate();
打印结果：
Make sure the tree won\‘t fall
red
blue
Angel
在我不理解new调用的情况下，我是看不懂为何是打印这样的结果，于是写一个demo。
function add(m,n){ alert("执行了我!"); var result = m+n || 5; return result; } var b = new add; alert(b);
执行结果：
执行了我!
[object Object]
耶?怎么会这样??又好像哪里不对，你的new add后面没有加括号，于是我加上括号。
function add(m,n){ alert("执行了我!"); var result = m+n || 5; return result; } var b = new add(); alert(b);
执行结果：
执行了我!
[object Object]
我晕，还是如此! 到底是哪里出问题了呢?还是直接说吧，将代码改造成这样：
function add(m,n){ alert("执行了我!"); var result = m+n || 5; return new String(result); } var b = new add(); alert(b);
执行结果：
执行了我!
5
... 终于得到我想要的结果了。
总结：
1.new 调用时
加括号与不加括号，都会执行函数代码块，加括号可用于传参。
当函数体返回值为基础数据类型时（如string，number等），则new调用后得到的是一个函数的实例，即Object，除非对基础数据类型作包装（new String，new Number等）
2.普通调用
这样方式的调用必须加括号，不管函数有无参数。函数返回什么类型则接收到的就是什么类型。
标签：
原文地址：http://www.cnblogs.com/dzyBlog/p/5347448.html
