构造函数和原型

构造函数

含义：

构造函数是一种特殊的函数，用来初始化对象，为对象成员变量赋初始值，与 new 一起使用。可以吧对象中的一些公共属性和方法抽取出来，然后封装到这个函数里面

new 在执行的时候做的四件事情

在内存中创建一个新的空对象
让this指向这个新的对象
执行构造函数里面的代码，给这个新对象添加属性和方法
返回这个新对象（所以构造函数里不需要return

构造函数的缺点

创建对象时，里面的方法（function是复杂数据类型）会在内存中重新开辟空间,也就是每一个实例对象都会开辟一块空间，存在浪费内存的问题。

代码示例

/*构造函数*/
function Person(sName,sPhone){
	this.name=sName
	this.phone=sPhone
	this.run=function(){
	console.log('奔跑');
}
}
			
// 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
 const p1 = new Person("张三", "15623233232");
 const p2 = new Person("李四", "17789899898");
			
console.log(p1.run===p2.run);//false,代表地址不同

通过构造函数创建的新对象实例是相互独立的，为新对象实例添加的方法只有该实例拥有这个方法，其它实例是没有这个方法的

/*构造函数*/
function Person(sName,sPhone){
	this.name=sName
	this.phone=sPhone
	this.run=function(){
	console.log('奔跑');
}
}
			
// 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
const p1 = new Person("张三", "15623233232");
const p2 = new Person("李四", "17789899898");
 // 为新对象实例添加方法
// 通过原型创建的新对象实例是相互独立的
p1.sayHello = function(){
  console.log("你好啊");
}
p1.sayHello() //你好啊
p2.sayHello() //报错

构造函数原型 prototype （显式原型）

1.函数才有prototype，prototype是一个对象，指向了当前构造函数的引用地址 2.这个原型对象 prototype 的所有属性和方法都会被构造函数所拥有。 3.我们可以把公共的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这个方法了

代码示例

/*构造函数原型 prototype*/
function Person(sName,sPhone){
	this.name=sName
	this.phone=sPhone
	this.run=function(){
	console.log('奔跑');
 }
}
Person.prototype.run=function(){
 console.log('奔跑');
}
 // 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
const p1 = new Person("张三", "15623233232");
const p2 = new Person("李四", "17789899898");
console.log(p1.run===p2.run);//true,代表地址相同

对象原型 _proto_（隐式原型）

1.对象都有一个属性__proto__指向构造函数的 prototype 原型对象 2.之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有__proto__原型的存在 3.__proto__对象原型和原型对象 prototype 是等价的

代码示例

 console.log(p1.__proto__ === Person.prototype); //true

原型 constructor

原型里有 constructor 这个属性，主要作用是告诉我们是由那个构造函数中创建出来的如果我们修改了原来的原型对象，给原型对象赋值的是一个对象，则必须手动的利用constructor指回原来的构造函数。因为新添加的对象覆盖了原来构造函数的prototype对象

  function Person(sName,sPhone){
	this.name=sName
	this.phone=sPhone
	this.run=function(){
	console.log('奔跑');
}
}
Person.prototype = {
  constructor: Person,
  run: function () {
   console.log("奔跑");
},
  eat: function () {
    console.log("吃东西");
   },
};
      // 实例化创建新的原型对象，新的原型对象会共享原型的属性和方法
const p1 = new Person("张三", "15623233232");
const p2 = new Person("李四", "17789899898");
console.log(Person.prototype);
console.log(p1.__proto__);

查找规则（原型链）

首先看p1对象身上是否存在 run 方法，如果有就执行这个对象身上的 run ，如果没有，因为有__proto__的存在，就去构造函数原型对象prototype身上去查找这个 run 方法。这样一层一层向上查找就会形成一个链式结构在这里插入图片描述

检查对象自身是否含有某个属性的方法

1.hasOwnProperty

 let obj = {
    a: 5,
    b: 10,
  };
	
console.log("21", obj.hasOwnProperty("a"));

2 in

console.log('a' in obj)

prototype 和 proto 区别是什么？

prototype是构造函数的属性
__proto__是每个实例都有的属性，可以访问 [[prototype]] 属性
实例的__proto__与其构造函数的prototype指向的是同一个对象