多语言展示
当前在线:457今日阅读:168今日分享:49

如何使用JavaScript中的ES5的方法实现类的继承

在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中的原型和原型链的用法

推荐信息