多语言展示
当前在线:358今日阅读:23今日分享:25

如何使用JavaScript中的原型链实现类的继承显示

在JavaScript实现类的继承,ES6中可以直接使用extends,而在ES5中没有这个,需要结合原型链prototype实现类的继承。下面利用具体实例说明,操作如下:
工具/原料
1

ES5

2

JavaScript

3

Node.js

4

HBuilder

5

截图工具

方法/步骤
1

第一步,双击打开HBuilder编辑器,新建一个JavaScript文件,并在文件中定义类Animal,有属性name和age,如下图所示:

2

第二步,调用原型prototype创建两个方法getName和getAge,注意返回值,如下图所示:

3

第三步,接着实例化一个对象mc,调用类Animal并传入两个属性的值,如下图所示:

4

第四步,分别定义两个变量name和age,用于接收调用getName和getAge方法返回之后的值,如下图所示:

5

第五步,保存代码并使用Node Application运行,在控制台查看打印结果,如下图所示:

6

第六步,再定义一个类Dog,并在类中使用call方法调用类Animal中的属性方法,然后实例化对象dog,如下图所示:

注意事项
1

注意如何在ES5中实现类的继承

2

注意call方法的用法

推荐信息