这篇文章主要介绍了关于javascript中getter和setter的介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
对象的属性是由属性名name，值key，和其他特性（可读写性 writable，可枚举性enumerable，可配置性configurable）组成的。从ES5开发，提供了getter和setter 可以将属性值的获取和设置分别绑定到方法上，称之为“存取器”。有了getter和setter我们就能够在属性值的变更和获取时实现一些操作。
简单的getter , setter
直接在对象中创建属性的getter和setter，并进行测试。
注意语法规则，是通过get和set关键字创建的percent属性的getter和setter函数。get函数是没有参数的，set函数会将等号右边的值作为参数。当访问percent属性时，会返回_num加%，当设置percent时，会打印日志并将值赋给_num。
使用defineProperty
如何在已有的对象上添加getter和setter呢？ Object.defineProperty(,,) ，obj为将要操作的对象，prop是将要定义或者修改的属性名，descriptor是将要被修改或者定义的描述符。看实例
立即学习“Java免费学习笔记（深入）”；
defineProperty()添加或者修改属性的时候需要注意：
1、数据描述符configurable标志着该属性能够被改变，能够被删除，默认为false
2、数据描述符enumerable标志着该属性是否可枚举，默认为false。只有可枚举属性才会在for in中遍历，Object.keys()中返回。另外，所有的内置方法都是不可枚举的，eg：toString
3、数据描述符value默认为undefined，writable默认为false。所以defineProperty默认新增的属性，是不可以被赋值运算符修改的。
4、存取描述符set和get都默认为undefined
5、set/get是不能够和value或者writable一起用的，因为当是存取器属性的时候，当设置了set标志着可写，设置了get就标志着可读，而value也是通过get函数返回的，所以不能同时使用。
睿拓智能网站系统-网上商城1.0免费版软件大小:5M运行环境：asp+access本版本是永州睿拓信息专为电子商务入门级用户开发的网上电子商城系统，拥有产品发布，新闻发布，在线下单等全部功能，并且正式商用用户可在线提供多个模板更换，可实现一般网店交易所有功能，是中小企业和个人开展个人独立电子商务商城最佳的选择，以下为详细功能介绍：1.最新产品-提供最新产品发布管理修改，和最新产品订单查看2.推荐产
Class中的 getter setter
ES6新增class的概念，改变了构造对象的书写方式，class中同样可以设置存取器。
TypeScript中的 getter和setter
Angular项目中使用的是ts，ts的class语法与ES6的稍有不同，通过项目中的一个小栗子记录下ts中的getter和setter。场景如下，有一个datepicker组件，可以调整时间级别为5分钟或者天。不同级别时，datepicker组件需要作出不同的调整。
做如下处理： datepicker组件中有@input来接受级别的调整，在set中做一些操作
export class LdatepickerComponent implements OnInit {
public _level: Level = 'minite';
@Input() get level (): Level {
return this._level;
}
set level ( value: Level ) { // 修改级别后 重置组件的状态
doSomething() // 发送新的时间为0
doOther()
this._level = value;
}
}
当选择不同的级别时，传入到datepicker组件的level会变化，此时的set会对组件做一些自定义的操作，实现需求。
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
