多语言展示
当前在线:240今日阅读:23今日分享:31

如何使用ES6中的类的get和set方法并进行调用

一般情况下,我们可能在Java代码常用到get和set方法,同样的,在ES6中也可以使用get和set方法。定义类时,可以在类中再创建get方法和set方法。下面利用实例说明如何定义这两个方法,操作如下:
工具/原料
1

ES6

2

JavaScript

3

Node.js

4

HBuilder

5

浏览器

6

截图工具

方法/步骤
1

第一步,在创建好的Web项目中,新建JavaScript文件,定义类Language,并在构造函数定义属性type,如下图所示:

2

第二步,在第一步中定义的类中,创建get方法和set方法,返回和传入type,如下图所示:

3

第三步,实例化对象la,再给定义的info进行赋值,并打印这个值,如下图所示:

4

第四步,保存运行这个JavaScript文件,结果没有打印结果;于是,创建一个静态页面,将js文件引入,如下图所示:

5

第五步,返回到JavaScript文件中,在js代码外层添加window.onload,页面初始化调用这些代码,如下图所示:

6

第六步,保存代码并在浏览器中预览效果,打开浏览器控制台,查看打印结果,如下图所示:

注意事项
1

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

2

注意对象实例化后如何调用get和set方法

推荐信息