js面向对象继承6种方法
1. 原型链继承
原型链继承是JS中最常见的一种继承方式,其核心思想是通过将父类的实例作为子类的原型,使子类能够继承父类的属性和方法。具体实现时,我们可以使用ate()方法来创建一个新对象,并将父类的实例作为其原型。
```javascript
function Parent() {
this.name = 'Parent';
}
Parent.prototype.sayHello = function() {
console.log('Hello, I am ' + this.name);
}
function Child() {
this.name = 'Child';
}
Child.prototype = ate(Parent.prototype);
var child = new Child();
child.sayHello(); // Output: Hello, I am Child
```
2. 构造函数继承
构造函数继承是通过在子类的构造函数中调用父类的构造函数来实现继承。在子类的构造函数中使用call()或apply()方法调用父类的构造函数,并传入子类的实例作为上下文。
```javascript
function Parent(name) {
this.name = name;
}
Parent.prototype.sayHello = function() {js方法
console.log('Hello, I am ' + this.name);
}
function Child(name) {
Parent.call(this, name);
}
var child = new Child('Child');
child.sayHello(); // Output: Hello, I am Child
```
3. 组合继承
组合继承是将原型链继承和构造函数继承结合使用的一种继承方式。通过调用父类的构造函数实现实例属性的继承,而通过将父类的实例作为子类的原型实现方法的继承。
```javascript
function Parent(name) {
this.name = name;
}
Parent.prototype.sayHello = function() {
console.log('Hello, I am ' + this.name);
}
function Child(name, age) {
Parent.call(this, name);
this.age = age;
}
Child.prototype = ate(Parent.prototype);
structor = Child;
var child = new Child('Child', 10);
child.sayHello(); // Output: Hello, I am Child
```
4. 原型式继承
原型式继承是通过创建一个临时的构造函数,并将传入的对象作为该构造函数的原型,来实现继承。这种继承方式类似于对象的浅拷贝。
```javascript
function createObj(obj) {
function F() {}
F.prototype = obj;
return new F();
}
var parent = {
name: 'Parent',
sayHello: function() {
console.log('Hello, I am ' + this.name);
}
};
var child = createObj(parent);
child.name = 'Child';
child.sayHello(); // Output: Hello, I am Child
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论