在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方法的用法
下一篇:ES6如何冻结属性