在ES6中,引入类的概念,还可以使用extends实现类的继承。而在ES5中,也有对应的方法实现类的继承,可以使用原型链实现继承。下面利用实例说明如何实现,操作如下:
工具/原料
1
JavaScript
2
ES5
3
HTML5
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步,在JavaScript文件中,定义一个函数Cat,一般情况下这个函数名称首字母大写,如下图所示:
2
第二步,使用函数名点prototype,然后点属性或方法,给类Cat添加类属性和类方法,如下图所示:
3
第三步,接着对类Cat进行实例化对象c,然后调用类方法showInformation,如下图所示:
4
第四步,将已经编写好的JavaScript文件,引入到HTML5页面中,如下图所示:
5
第五步,打开浏览器控制台,结果看到打印结果为sex未定义,如下图所示:
6
第六步,检查代码发现,类方法中调用类属性需要this.属性,获取值,如下图所示:
注意事项
1
注意ES6和ES5实现类的继承的区别
2
注意JavaScript中的原型和原型链的用法