派趣吧

如何使用prototype实现JavaScript原型继承?

电影时间:刚刚阅读:1
原型

Javascript中有一个重要的概念——原型(prototype)。每个对象都有一个原型对象,即原型。原型能够看做是一个模板或者一份描述,用来定义对象的属性和办法。

prototype属性

每个JavaScript对象都有一个prototype属性,即原型属性,在创建一个对象时,那个属性会被设置为另一个对象的引用。通过prototype属性,能够实现JavaScript中的原型继承。

原型继承

JavaScript中的原型继承是通过构造函数来实现的。在创建一个新的对象时,能够利用其原型来继承原型中的属性和办法。那种继承体例能够帮忙我们削减代码反复,进步代码的可维护性。

利用prototype实现原型继承

利用prototype属性实现原型继承的步调如下:

1.定义一个父类构造函数,并在其原型对象上定义所需的属性和办法。

2.定义一个子类构造函数,并利用父类构造函数的实例做为其原型对象。

3.在子类构造函数中定义子类特有的属性和办法。

示例代码如下:

//定义父类构造函数

function Animal(name) {

this.name = name;

}

//在父类原型对象上定义办法

Animal.prototype.sayName = function() {

console.log('My name is ' + this.name);

//定义子类构造函数

function Dog(name, age) {

Animal.call(this, name); //继承父类属性

this.age = age; //定义子类属性

Dog.prototype = new Animal(); //利用父类实例做为子类原型

//在子类原型对象上定义办法

Dog.prototype.sayAge = function() {

console.log('I am ' + this.age + ' years old.');

var dog = new Dog('Tom', 3); //创建子类对象

dog.sayName(); //挪用父类办法

dog.sayAge(); //挪用子类办法

总结

JavaScript中的原型继承是一种十分灵敏和强大的继承体例。通过利用prototype属性,我们能够实现原型链的继承,而且子类能够继承父类的属性和办法,同时还能够定义本身的属性和办法。

上一篇:大S康熙来了,是怎样的一部综艺节目?

派趣吧

我来回答