持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第18天，点击查看活动详情
面向对象，从new一个对象开始。在ES6中，引入了关键词class来声明一个类，在此之前想要创建一个"类"，只能使用函数的方式。可以说，class其实就是函数function的一个语法糖。有了类，我们就可以使用new来创建一个实例对象。
新建一个类
从ES6开始，新建一个类可以使用class关键词，并使用new来实例化类，例如：
class User {
constructor(name) {
this.name = name;
}
getName() {
return this.name;
}
}
const p = new User('张三');
console.log(p);
注意必须要先使用class声明类，才能访问；不能先访问，然后才声明。因为类声明并不会变量提升，但是函数声明是可以变量提升的。
const p = new User('张三')
function User(name) {
this.name = name
}
User.prototype.getName = function() {
return this.name; // 不能使用箭头函数，因为箭头函数的this会指向全局
}
console.log(p);
两者运行结果都是一样的：
不管是函数声明还是类声明，在实例化时我们都是使用的new，那么new到底是怎么实例化出一个对象的呢？
new一个对象的过程
直接说new可能比较抽象，我们声明一个函数，其创建一个对象的过程分为三个步骤：
- 创建一个空对象，并继承类的构造函数的原型
- 执行构造函数，构造函数的this应该指向创建的空对象，并且传入参数列表
- 返回该对象
具体怎么实现，我们来看一段代码：
function User(name) {
this.name = name;
} // 使用函数来声明一个类
User.prototype.getName = function () {
return this.name;
} // 函数原型上增加一个getName方法，作为类的成员方法
// 自定义一个函数，用来代替new，作用也是实例化一个对象
function customNew(constructor, ...args) {
// 1. 创建一个空对象，并继承构造函数的原型
const obj = Object.create(constructor.prototype);
// 2. 执行构造函数，并将obj作为this，传入参数列表
constructor.apply(obj, args);
// 3. 返回obj
return obj;
}
const p = customNew(User, '张三');
const p2 = new User('张三');
console.log(p);
console.log(p instanceof User); // true
console.log(p2 instanceof User); // true
Object.create()可以创建一个对象，其原型为传入的原型对象；如果是使用{}来创建，其原型指向的是Object.prototype，此时还需要手动指定原型。
对比运行结果：
两种方式返回的对象都是类的实例，并且在数据结构上也是相同的，说明我们自定义的“new”在功能上是可以满足要求的。
总结
实例化一个对象，实际上就是调用了一个函数并返回了一个特殊的对象，这个对象包含类的属性和方法，根据“鸭子定律”，那么函数就是“new”。在手写实现new的过程中，需要注意只能使用函数声明的类，而不能使用class声明的类。
