JavaScript中new function()和function()有什么区别?

Question

比如:

function ShowUsers() {
    // console.log('test');
}

new ShowUsers();
module.export = ShowUsers

function ShowUsers() {
    // console.log('test');
}

ShowUsers();
module.export = ShowUsers

有什么区别?

Answer 1

题主可以先搜索一下js构造函数。

Answer 2

js函数的构造式调用，当然了，你这个例子里面没区别

Answer 3

你这样module.export出去的都是 ShowUsers这个Function,这2段代码对外界的影响木有任何差别,所以你举的例子和问得问题并不完全匹配。
再看上一句new ShowUsers()和ShowUser()的区别在于，一个执行了ShowUsers的构造函数，一直执行了ShowUsers本身。

你把例子改成

function ShowUsers() {
    this.user = "test";
    console.log(this);
}

就能看出差别了。

Answer 4

new做了三件事：

var instance = {};
instance.__proto__ = ShowUsers.prototype;
ShowUsers.call(obj);

简单来说，它改变了内部this的指向（不适用new时，this指向全局window or global），还有继承了原型链

Answer 5

function myFunction(){

console.log(this);

}
myFunction(); // this 指向 windows
new myFunction(); // this 指向 fn本身

你可以写一个h5测试一下

Answer 6

根据楼上的做了一下总结

function Show() {
    this.name = 'test'
    console.log(this)
}
var s = new show() // var obj = {}; obj.__proto__ = Show.prototype; Show.call(obj); s = obj
var s2 = show() // s2 = Show.call(null) s2为undefined, 且this.name中this指向window