js基础 ------ 继承

mac2022-06-30  96

JS 继承是一个非常强大的特性之一。

首先,我们定义一个需要实现继承的父类,

// 定义一个人的基类 function People (name, age) { this.name = name || ''; this.age = age || 20; this.detail = function() { console.log(this.name + '年龄:' + this.age); } } People.prototype.hello = function () { console.log(this.name + ',你好!'); }

 

1、原型链继承

function Woman () { } Woman.prototype = new People(); Woman.prototype.name = '小丽'; Woman.prototype.age = '18'; var p1 = new Woman(); console.log(p1.name); console.log(p1.detail()); console.log(p1.hello());

缺点:

创建子类实例时,无法向父类构造函数传参来自原型对象的引用属性是所有实例共享的

2、构造继承

function Woman (name, age) { People.apply(this, arguments); } var p1 = new Woman('小丽', 18); console.log(p1.detail()); //小丽年龄:18 console.log(p1.hello()); // undefined

缺点:

只能继承父类的实例属性和方法,不能继承原型属性/方法

3、组合继承

function Woman(name, age) { People.apply(this, arguments); } Woman.prototype = new People(); var p1 = new Woman('小丽', 18); console.log(p1.detail()); //夏利年龄:18 console.log(p1.hello()); //小丽,你好!

推荐3

转载于:https://www.cnblogs.com/gengcjun/p/6307031.html

最新回复(0)