1.原型链继承
让一个构造函数的原型是另一个类型的实例,那么这个构造函数new出来的实例就具有该实例的属性。
当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。
function Parent() { this.isShow = true this.info = { name: "mjy", age: 18, }; } Parent.prototype.getInfo = function() { console.log(this.info); console.log(this.isShow); } function Child() {}; Child.prototype = new Parent(); let Child1 = new Child(); Child1.info.gender = "男"; Child1.getInfo(); // {name: 'mjy', age: 18, gender: '男'} ture let child2 = new Child(); child2.isShow = false console.log(child2.info.gender) // 男 child2.getInfo(); // {name: 'mjy', age: 18, gender: '男'} false
优点:写法方便简洁,容易理解。
缺点:对象实例共享所有继承的属性和方法。传教子类型实例的时候,不能传递参数,因为这个对象是一次性创建的(没办法定制化)。
2.借用构造函数继承
function Parent(gender) { this.info = { name: "yhd", age: 19, gender: gender } } function Child(gender) { Parent.call(this, gender) } let child1 = new Child('男'); child1.info.nickname = 'xiaoma' console.log(child1.info); let child2 = new Child('女'); console.log(child2.info);