new调用到底返回什么

最近在专研js的设计模式，下面是装饰器模式原理。

    var tree = {

       decorate:function(){
           alert("Make sure the tree won\'t fall");
       },
      
       //tree的某个属性，并继承tree
       getDecorate:function(deco){
           tree[deco].prototype = this;
           return new tree[deco];
       },

       RedBalls:function(){
         this.decorate = function(){
            this.RedBalls.prototype.decorate();
            alert("red");
         };
       },

       BlueBalls:function(){
         this.decorate = function(){
            this.BlueBalls.prototype.decorate();
            alert("blue");
         };
       },

       AngelBalls:function(){
         this.decorate = function(){
            this.AngelBalls.prototype.decorate();
            alert("Angel");
         };
       }
    };

   tree = tree.getDecorate("RedBalls");
   tree = tree.getDecorate("BlueBalls");
   tree = tree.getDecorate("AngelBalls");
   tree.decorate();

打印结果：

Make sure the tree won\'t fall

red

blue

Angel

第35行 tree返回的是RedBalls函数的一个实例，并继承了Tree,
第36行 BlueBalls继承RedBalls,
...
在我不理解new调用与prototype之前，我是看不懂为何会打印这样的结果，下面的demo是验证new调用函数后返回的是什么。

    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.普通调用

      这样方式的调用必须加括号，不管函数有无参数。函数返回什么类型则接收到的就是什么类型。