多语言展示
当前在线:193今日阅读:86今日分享:14

如何使用ES6中的类定义get方法和set方法并调用

在Java中,可以根据定义的类和属性,生成get方法和set方法。同样的,在JavaScript中的类中,也可以定义get方法和set方法。下面利用几个实例说明,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HTML5

4

HBuilderX

5

浏览器

6

截图工具

方法/步骤
1

第一步,在已新建的JavaScript文件中,定义类Person,并创建构造函数,有属性name、age、sex和addr,如下图所示:

2

第二步,在类中定义get方法和set方法,在get方法返回一个字符串,如下图所示:

3

第三步,实例化对象p,调用类Person,并传入四个参数,正好对应构造函数中的四个参数,如下图所示:

4

第四步,调用在类中定义好的info,直接使用对象点的方法调用,如下图所示:

5

第五步,再新建一个HTML5静态页面,并使用进行引入,如下图所示:

6

第六步,保存代码并打开浏览器控制台,查看打印结果,结果发现出现了报错,如下图所示:

注意事项
1

注意如何在ES6中定义类中的get方法和set方法

2

注意在类中定义方法,有不同的参数和形式

推荐信息