手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 21:28:29

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

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

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

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

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

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

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

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

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

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

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

如何使用ES6中的类的get和set方法并进行调用
© 手抄报圈