多语言展示
当前在线:1207今日阅读:27今日分享:41

如何使用JavaScript中的原型创建类并调用方法

在ES5中,如果想要使用类,可以结合JavaScript中的原型,定义方法,然后实例化对象进行调用。下面利用实例说明,操作如下:
工具/原料
1

ES5

2

JavaScript

3

Node.js

4

HBuilder

5

截图工具

方法/步骤
1

第一步,新建JavaScript文件,定义函数User,属性有uno、uname、uage和usex,如下图所示:

2

第二步,调用原型prototype,定义几个方法获取用户信息并返回值,如下图所示:

3

第三步,定义一个变量xiaohua,调用类User并传入几个第一步中定义的属性参数,如下图所示:

4

第四步,再调用原型方法,定义一个queryInfo,返回值时调用第二步中的方法,如下图所示:

5

第五步,实例化一个对象xh,调用queryInfo()方法,并打印变量xh,如下图所示:

6

第六步,保存代码并运行文件,可以发现控制台打印结果,分别调用了方法,如下图所示:

注意事项
1

注意在ES5中如何创建JavaScript中的类

2

注意如何调用prototype原型创建方法

推荐信息