js中 构造函数与new

---

一、构造函数是什么？

典型的面向对象编程语言（比如C++和Java），存在“类”（class）这个概念。所谓“类”就是对象的模板，对象就是“类”的实例。但是，在JavaScript语言的对象体系，不是基于“类”的，而是基于构造函数（constructor）和原型链（prototype）。

JavaScript中使用构造函数的目的就是创建新对象。相对于强类型语言java使用class创建对象，JS创建对象主要有两种方法：第一种是字面量形式创建（不提倡使用，大量使用影响性能，内存伤不起）；第二种方法就是构造函数创建对象（建议使用）。

js语言中使用构造函数（constructor）作为对象的模板。所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。一个构造函数，可以生成多个对象，每个对象都有相同的结构。

构造函数通常需要大写，使用new构建一个新的构造函数。构造函数默认返回新创建的对象。如果创建对象中返回简单类型的数据，不影响构造函数创建的对象。如果返回的是新对象，那么创建的对象不会返回，返回的是新的对象。

构造函数的三大特点：

1：构造函数的函数名的第一个字母通常大写。

2：函数体内使用this关键字，代表所要生成的对象实例。

3：生成对象的时候，必须使用new命令来调用构造函数。

4：构造函数会创建一个新对象，给创建的对象添加属性和方法，并将该对象作为返回值返回

二、new是什么？

当我们知道了什么是构造函数时，我们就不难理解 new 的含义了。

js中通过new调用构造函数创建一个新的对象。

基本用法：
let 变量名 = new 构造函数（）；

new对象的过程

1、当以 new 关键字调用构造函数时，会创建一个新的内存空间，用于存放新的空js对象。

// 这里ConstructorFunction为构造函数
var obj = new ConstructorFunction()
// 这里就会申请新的内存空间用于存放空的 obj对象

2、新对象的__proto__属性指向构造函数的原型对象。即设置新对象的构造函数。（通俗理解就是新对象隐式原型__proto__链接到构造函数显式原型prototype上。）

3、将构造函数体内部的 this 指向该新对象的地址。（即将构造函数的作用域指向新对象）

4、执行构造函数体内的代码，在构造函数中给 this 添加属性，就相当于给实例新对象添加属性。

5、如果构造函数没有返回对象，则默认返回this。（于函数体内部的this指向新创建的内存空间，默认返回 this ，就相当于默认返回了该内存空间）