概述
不同的语言实现继承的方式是不同的,其中最典型的两种方式是基于类的设计和基于原型继承
的设计。
JavaScript的每个对象都包含了一个隐藏属性 _ proto_,即对象的原型 (prototype),_ proto _ 指向了内存中的另外一个对象,这个对象称为原型对象,对象可以访问原型对象的方法或属性。
JavaScript实现继承有如下的方式:
方法一:直接通过修改__porto__的指向实现继承
var animal = {
type: "Default",
color: "Default",
getInfo: function () {
return `Type is:${this.type}, color is ${this.color}`
}
}
var dog = {
type: "Dog",
color: "Red"
}
// 让dog的原型指向animal来实现继承
dog.__proto__ = animal;
console.log(dog.getInfo()); // dog可以调用animal的方法
注意:__proto__默认指向function的prototype属性
每个函数对象中都有一个公开的 prototype 属性,当你将这个函数作为构造函数来创建一个新的对象时,新创建对象的原型对象就指向了该函数的 prototype 属性。如果只是正常调用该函数,那么 prototype 属性将不起作用。
当通过一个构造函数创建多个对象的时候,这几个对象的原型都指向了该函数的 prototype属性。
function DogFactory(type, color) {
this.type = type
this.color = color
}
// 给function的prototype添加属性
DogFactory.prototype.fun1 = function (info) {
console.log(info)
}
// 对象原型(__proto__)默认指向的是function的prototype
var dog = new DogFactory('Dog', 'Black');
console.log(dog)
dog.fun1("哈哈")
方法二:Object.create(父对象)
// 创建赛车司机driver对象,继承于person对象
var driver = Object.create(person);
// 获取继承的属性,可以获取person对象的属性
console.log(driver.dateOfBirth);