你真的了解new function(){} 和 function(){}()吗？

Posted 2020-11-22 kunmomo

只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象。

情景一. new function(){}

var fn = new function() {return "圆心"}; 
alert(fn); 

我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于： 

function 匿名类(){ 
    return "圆心"; 
} 
var fn = new 匿名类(); 
alert(fn);

也等价于：

var Fn = function() {return "圆心"}; 
var fn = new Fn();
alert(fn);

我们对情景一的代码进行下面改造： 

var fn = new function() {return new String("圆心")}; 
alert(fn);

我们运行，将会发现返回的是“圆心”，这是为什么呢？ 

只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象

由于 new String 会构造一个对象，而不是一个 string 直接量，且new String(x) 如果带参数，那么alert它的时候就会返回 x。所以 fn 将返回 new String(”圆心”) 这个对象，而 alert(fn) 则显示 “圆心”。

情景二. function(){}() 

var obj = function() {return "圆心"}(); 
alert(obj);

我们运行情景二代码，将返回显示“圆心”，此时该代码等价于： 

var 匿名函数 = function() {return "圆心"}; 
var obj = 匿名函数(); 
alert(obj);

很明显，obj 返回的是匿名函数的执行结果值，即 obj 为：“圆心”。 

当然匿名函数的执行结果也可以为一个匿名对象。具体常见应用可以看《javascript的一种模块模式》