var a=function()与var a=new function()的区别

本文首发于我的博客

某天跟小伙伴聊到three.js的时候所遇。

话不多说，当时抛给我的代码如下

var d = new function(){
   return new String('圆心')
}
console.log(d)

问我返回是什么。

而当时这个d第一反应就是返回这个

ƒ (){
   return new String('圆心')
}

因为只是输出d而不是d()。就认为它没有运行。

而事实返回的是

String {0: "圆", 1: "心", length: 2, [[PrimitiveValue]]: "圆心"}

出现这种错误想法的原因就是对new function这种匿名函数表达式的立即调用不熟悉

其中声明String对象的方式与这个效果无关，以后再说

那么今天就趁机查漏补缺一下

---

我们平时写立即执行函数几乎都是

(function(){
  //something
})()

(function(){
  //something
}())


var f = function() {}();

//这种可能比较少，但也是可以运行的
[function(){
  //something
}()];

而有些情况下也会更炫酷的利用一些一元运算符来告诉解析器来直接执行

~ function() {}();  //我个人比较喜欢这种= =
! function() {}();
+ function() {}();
- function() {}();

上面文中的是这种

new function() {};

而其实下面这些也都是可以直接执行的

delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();

1, function() {}();
1 ^ function() {}();
1 > function() {}();

说了这么多，用是都能拿来用了，但是他们有个共同点不知道你们发现没有。

就是所有能立即执行的函数，前面都会有其他东西，而不是直接function(){}()这种样子。

那是因为如果直接以function`开头。这算是函数声明。而函数声明是必须有标识符做为函数名称的。也就是必须要有函数名

那按照这个说法，，是不是function g(){}()，这样就可以了呢？

No、No、No。这种写法function g(){}是对的，声明了一个函数g，但是函数声明末尾是不能跟()的。这样()会被当做括号运算符执行。

代码执行如下

function g(){
  console.log("111")
}()
// Uncaught SyntaxError: Unexpected token )


function g(){
console.log("111")
}(1132141)

// 1132141

其实这里面还有可以深挖的，只是目前水平有限，业务为重，秉着28原理以后理解更深刻了再行挖掘