JS中var a=new function(){}与var a=function(){}与function a(){}的区别

文章2020-03-24609 人已阅来源：网络

1、function a(){}

该方法的定义是全局性的，就算在调用之后定义，系统也不会报错，可以理解为，系统在执行到该方法时再去找该方法的定义位置进行初始化。

2 、 var a=function(){}

匿名函数的定义方法，若是在定义之前调用了，系统会报错。可以理解为，只用运行到这个方法时才能对变量a进行初始化，若是没有对变量a初始化，则会报错。此时，a代表后面匿名函数的返回值。

3 、 var a=new function(){}

在javascript中，方法被当作一个类来处理，这中定义方式下，a即带表了这个方法的类，也就是这个方法本身。

但是有一种特殊情况，若是在该方法中，返回值为数组、方法、或是别的类，那么a不在表示该方法，而是表示返回的新类了。

情景一：

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

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

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

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

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

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

只要 new 表达式之后返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象
由于 new String 会构造一个对象，而不是一个 string 直接量，且new String(x) 如果带参数，那么alert它的时候就会返回 x。所以 yx01 将返回 new String(”圆心”) 这个对象，而 alert yx01 则显示 “圆心”。

情景二：

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

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

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

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

AIHX

JS中var a=new function(){}与var a=function(){}与function a(){}的区别

相关内容