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) ，obj为将要操做的对象，prop是将要定义或者修改的属性名，descriptor是将要被修改或者定义的描述符。看实例this

　　defineProperty()添加或者修改属性的时候须要注意：spa

　　　　一、数据描述符configurable标志着该属性可以被改变，可以被删除，默认为false日志

　　　　二、数据描述符enumerable标志着该属性是否可枚举，默认为false。只有可枚举属性才会在for in中遍历，Object.keys()中返回。另外，全部的内置方法都是不可枚举的，eg：toStringcode

　　　　三、数据描述符value默认为undefined，writable默认为false。因此defineProperty默认新增的属性，是不能够被赋值运算符修改的。对象

　　　　四、存取描述符set和get都默认为undefinedblog

　　　　五、set/get是不可以和value或者writable一块儿用的，由于当是存取器属性的时候，当设置了set标志着可写，设置了get就标志着可读，而value也是经过get函数返回的，因此不能同时使用。ip

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会对组件作一些自定义的操做，实现需求。