当前位置:首页 > 日记 > 正文

ES6 javascript中class类的get与set用法实例分析

ES6 javascript中class类的get与set用法实例分析

本文实例讲述了ES6 javascript中class类的get与set用法。分享给大家供大家参考,具体如下:

与 ES5 一样, 在 Class 内部可以使用get和set关键字, 对某个属性设置存值函数和取值函数, 拦截该属性的存取行为。

class MyClass {  constructor() {    // ...  }  get prop() {    return 'getter';  }  set prop(value) {    console.log('setter: ' + value);  }}let inst = new MyClass();inst.prop = 123;// setter: 123inst.prop// 'getter'

上面代码中, prop属性有对应的存值函数和取值函数, 因此赋值和读取行为都被自定义了。

存值函数和取值函数是设置在属性的 descriptor 对象上的。

class CustomHTMLElement {  constructor(element) {    this.element = element;  }  get html() {    return this.element.innerHTML;  }  set html(value) {    this.element.innerHTML = value;  }}var descriptor = Object.getOwnPropertyDescriptor(  CustomHTMLElement.prototype, "html");"get" in descriptor // true  "set" in descriptor // true

上面代码中, 存值函数和取值函数是定义在html属性的描述对象上面, 这与 ES5 完全一致。

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

相关文章

浪漫爱情一男一女情侣签名

浪漫爱情一男一女情侣签名

一女,浪漫爱情,情侣,热门,经典,  情侣签名时刻透露着甜蜜浪漫的气息,展现着浪漫爱情,下面来看看浪漫爱情一男一女情侣签名。情侣签名浪漫爱情一男一女【经典篇】世界这么小,我们就这样遇见世界这么大,分开就很难再见我的每场梦里有你才甜蜜我…

js以及jquery实现手风琴效果

js以及jquery实现手风琴效果

手风琴,效果,电脑软件,js,jquery,最近又复习了jQuery的知识,既然jQuery是javascript的一个库。jQuery能做到的事情javascript也能做到。因此用这两种方法实现了图片手风琴效果。 按照惯例,还是上代码吧,因为代码里有我的注释也就相当于解释了!(…

Nodejs 复制文件/文件夹的方法

Nodejs 复制文件/文件夹的方法

方法,复制文件,电脑软件,Nodejs,1.使用fs复制文件使用fs对象的readFileSync,writeFileSync方法进行读写操作复制cp.jsfunction copyIt(from, to) { fs.writeFileSync(to, fs.readFileSync(from)); //fs.createReadStream(src).pipe(fs.crea…

PS怎么把胡歌的转换成手绘素描?

PS怎么把胡歌的转换成手绘素描?

素描,转换成,手绘,电脑软件,PS,教大家如何把胡歌的照片制作素描效果,方法简单,大部分素描效果都是用这种方法,推荐给大家收藏学习了。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、原素材(举个例子)2、…

微信小程序 参数传递实例代码

微信小程序 参数传递实例代码

实例代码,参数传递,程序,电脑软件,微信小,微信小程序 参数传递实例代码1、通过事件传递参数实例代码:<view data-id="103" bindtap="evenName"></view>Page({ evenName: function(e) { //获得点击事件传递的id console.log(e.target.d…

js中变量的连续赋值 | 实例讲解

js中变量的连续赋值 | 实例讲解

变量,连续赋值,实例,电脑软件,js,今天遇到了一个连续赋值的经典案例,网友们给出的答案也是五花八门,看起来有些繁琐,我也来说说自己的看法。下面就是这个经典案例:var a = {n: 1};var b = a;a.x = a = {n: 2};console.log(a);console.log(b);cons…

WPS演示中如何插入项目符号及调整

WPS演示中如何插入项目符号及调整

调整,项目,插入项目,符号,演示,  通常情况下我们都会用到项目符号或者编号在写演示文稿时罗列出一些重点,那么在wps演示中如何插入项目符号及编号。以下是小编为您带来的关于WPS演示中插入项目符号及调整项目符号,希望对您有所帮助。WPS演…

JS基于贪心算法解决背包问题示例

JS基于贪心算法解决背包问题示例

贪心算法,背包问题,示例,电脑软件,JS,本文实例讲述了JS基于贪心算法解决背包问题。分享给大家供大家参考,具体如下:贪心算法:在对问题求解时,总是做出在当前看来是最好的选择。也就是说,不从整体最优上加以考虑,他所做出的仅是在某种意义上的局部…

AI怎么给圆形添加模糊效果?

AI怎么给圆形添加模糊效果?

模糊,效果,电脑软件,AI,ai的图形想要显示的更加模糊,该怎么添加模糊效果呢?下面我们就来看看详细的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、为了清晰说明,此例中以一个圆…

excel 函数不显示计算结果的解决教

excel 函数不显示计算结果的解决教

函数,显示,教程,计算,电脑软件,  Excel中函数计算过后不显示计算结果具体该如何解决呢?下面是由小编分享的excel 函数不显示计算结果的解决教程,以供大家阅读和学习。excel 函数不显示计算结果的解决教程不显示结果解决步骤1:输入后显示了…

js字符串与Unicode编码互相转换

js字符串与Unicode编码互相转换

编码,转换,字符串,电脑软件,js,'好'.charCodeAt(0).toString(16)"597d"这段代码的意思是,把字符'好'转化成Unicode编码,看看charCodeAt()是怎么个意思charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 …