---

一、什么是new？

众所周知，在JS中，new的作用是通过构造函数来创建一个实例对象。
像下面这样：（和普通函数不一样，当函数用作构造函数时，首字母一般要大写，以作区分。）

function Foo(name) {
	this.name = name;
}
console.log("new Foo('mm')的类型：", typeof new Foo("mm")); // object
console.log("Foo的类型：", typeof Foo); // function

二、new经历了什么过程？

Foo明明只是一个函数，可是为什么new Foo()执行后会突然返回一个对象呢？
我们从结果出发可以推断出，既然返回了一个对象，那么这事肯定和对象有关系。

实际上new帮我们做了这样几件事：

1. 帮我们创建了一个空对象，例如：obj；
2. 将空对象原型的内存地址__proto__指向函数的原型对象；（这里涉及到了原型链的知识）
3. 利用函数的call方法，将原本指向window的绑定对象this指向了obj。（这样一来，当我们向函数中再传递实参时，对象的属性就会被挂载到obj上。）
4. 利用函数返回对象obj（如果没有返还，隐式返还this；）。

三、new的过程分析

function Foo(name) {
	this.name = name;
	return this;
}
var obj = {};
obj.__proto__ = Foo.prototype;
// Foo.call(obj, 'mm');
var foo = Foo.call(obj, "mm");
console.log(foo);

分析：
首先预编译，声明提升，解释执行。
执行时按照顺序来进行，

1. obj指向空对象；
2. obj的原型地址指向构造函数Foo的原型对象；
3. 执行Foo.call(obj, 'mm');
   • this.name = name; 通过函数的call方法将this绑定到obj（也就是说this就是obj）,实参mm传入构造函数Foo中，这样this.name = 'mm'，那么obj.name = 'mm'，也就是说name属性被挂载到obj对象上。
   • return this; 就是return obj，这样obj这个对象就被返回出来了。
4. 将结果赋值给变量foo。
5. 打印结果。
   

四、其他作用

执行函数

function test() {
	console.log("test");
}
test();
new test();
new test;

如果函数不需要传递参数，函数名后面的括号可以省略，如上执行的结果都是一样的。

参考

1. JS中的new操作符

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！