JS中的setter、getter数据存取器

JS属性可分为两种类型
① 数据属性
只是简单存储了一个值
② 存取器属性
最大的特点是在设置、获取属性值的时候能够做一些其他的操作

设置存取器属性的两种方式
① 直接在对象中设置

let obj = {count: 5, // 普通的数据属性// index为存取器属性_index: 1,  // _index用来存储index值set index(value) {console.log("可以在设置index值之前，做一些其他的操作");this._index = value;console.log("index值设置完毕");console.log("可以在设置index值之后，做一些其他的操作");},get index() {console.log("可以在获取index值之前，做一些其他的操作");return this._index;}
}

②对象已存在的情况下，利用Object.defineProperty方法追加存取器属性及特性

let person = {    // person对象已存在name: 'wuwu',age: 18
}
let _sex = 'nv';  // _sex用来存储sex值
Object.defineProperty(person, 'sex', {// value: _sex,   // 与get方法不能共存，因为获取value值等同于调用get方法// writable: true, // 与set方法不能共存，因为有set方法默认就是可写的enumerable: true, // 是否可遍历configurable: true, // 是否可删除set(value) {console.log("可以在设置index值之前，做一些其他的操作");_sex = value;console.log("index值设置完毕");console.log("可以在设置index值之后，做一些其他的操作");},get() {console.log("可以在获取index值之前，做一些其他的操作");return _sex;}
});

3.利用Object.getOwnPropertyDescriptor()方法获取属性的特性

Object.getOwnPropertyDescriptor(person, 'sex');

JS中的setter、getter数据存取器相关推荐

如何在Tensorflow.js中处理MNIST图像数据
by Kevin Scott 凯文·斯科特(Kevin Scott) 如何在Tensorflow.js中处理MNIST图像数据 (How to deal with MNIST image data i ...
vue.js中mock本地json数据
vue.js中mock本地json数据新版本的vue项目中已经将dev-server.js,dev-client.js两个js文件合并到了webpack.dev.conf.js文件中,以下分别是新旧 ...
如何在js中使用ajax请求数据,在 JS 中怎么使用 Ajax 来进行请求
在 JS 中怎么使用 Ajax 来进行请求发布时间:2021-07-22 09:48:43 来源:亿速云阅读:78 作者:chen 本篇内容介绍了"在 JS 中怎么使用 Ajax 来进行 ...
如何在js中使用ajax请求数据,在 JS 中如何使用 Ajax 来进行请求
做者:Danny Markov 译者:前端小智来源:tutorialzine 点赞再看,微信搜索 [大迁世界]关注这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub https://gi ...
java使用htmlunit工具抓取js中加载的数据
htmlunit 是一款开源的java 页面分析工具,读取页面后,可以有效的使用htmlunit分析页面上的内容.项目可以模拟浏览器运行,被誉为java浏览器的开源实现.这个没有界面的浏览器,运行速度 ...
关于JS中如何获取页面数据
根据id名如何获取页面数据 JS中想要获取到页面的数据,无论是value值还是text文本值,我们都可以根据当前div的id名来进行操作根据div的id名获取value值 <input id= ...
js中操作树结构的数据
现在前端操作树的数据结构还是挺常见的,我在这里总结一下js树形结构常见的操作方式.我也把它做成了工具类库,github地址. 一.遍历树结构的方式假设现在有如下的数据结构,我们需要去找到树结构的中某 ...
小程序js中data获取服务器数据,微信小程序获取javascript 里的数据
微信小程序获取javascript 里的数据 wxml如何获取js里的数据例: wxml里: {{txt}} 通过上面的{{txt}}可以对应获取js里data下定义的txt的值 js里: dat ...
JS中eval处理JSON数据为什么要加括号
由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象.利用eval函数 ...

JS中的setter、getter数据存取器

JS中的setter、getter数据存取器相关推荐

最新文章

热门文章