构造函数

构造函数

一、构造函数

在 JavaScript 中，通过 new 来实例化对象的函数叫构造函数，也就是初始化一个实例对象，对象的 prototype 属性是继承一个实例对象。构造函数的命名一般会首字⺟大写

二、为什么需要使用构造函数

是为了创建对象

JavaScript 中创建对象有两种，一种是构建函数 + prototype，另一种是用 class。这里我们不去讲解 class，先放到构造函数上。

//当我们需要创建比较多信息时 var person1 = { name: 'aa', age: 6, gender: '男', classRoom：'高一'};

var person2 = { name: 'bb', age: 6, gender: '女', classRoom：'高一'};

var person3 = { name: 'cc', age: 6, gender: '女', classRoom：'高一'};

var person4 = { name: 'dd', age: 6, gender: '男', classRoom：'高一'};

那么如果需要创建很多呢？需要这样一个一个的写下去吗？但是实际上可以通过下面的形式来实现。

function Person(name, age, gender, classRoom) { this.name = name;

this.age = age;

this.gender = gender;

this.classRoom = '高一' }

Person.prototype.sayHi = function () { console.log("你好，我叫" + this.name + "是一个" + this.sex + "来自" + classRoom);

};

let person1 = new Person("a", 18, '男'); //我们还可以不传 classRoom，让他使用默认的 let person2 = new Person("b", 19, '女');

三、构造函数的执行过程

构造函数的执行过程其实也就是 new 操作符的基本过程

创建一个新的对象，并且在内存中创建一个新的地址。 // let person1 = {}；

继承原型 // person1 .proto = Person.prototype 改变构造函数的 this指向，并且新对象添加构造函数的属性和方法 //执行Person函数，将name,age,sex 参

数传入Person中执行，此时函数内部 this 为 new 创建的 person1 对象，所以 person1.name = ‘a’; person1 .age = 18; person1.gender= ‘男’；

根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理

new 操作符通过构造函数创建的实例，可以访问构造函数的属性和方法，同时实例与构造函数通过原型链连接起来了。