TypeScript彻底解读(26课时)_17.装饰器

实验性的特性，须要在tslint里面把这项设置为true

做用域类的声明方法、访问符、属性和参数上
使用@符号加一个名字来定义，名字必须是一个函数，或者求值后是一个函数

装饰器工厂，setPro当作一个装饰器工厂，里面返回一个函数的结果。
调用的时候直接@setProp() 后面加上括号去调用

装饰器组合使用，装饰器工厂是从上往下调用，普通的装饰器是从下往上一次执行

若是都是装饰器工厂，就是从上向下执行，依次就出来装饰器工厂内的值

定义两个装饰器工厂

  在类的上面加上装饰器的工厂，从上到下执行装饰器工厂，求完值以后，再从后往前执行这个装饰器逻辑

类装饰器在类声明以前声明

判断sign是否是等于类ClassDec

sign是否等于原型对象上的构造函数，也是true

判断相等说明他们是同一个对象，经过装饰器，咱们能够修改类的远行对象或构造函数



因此咱们要定义文件接口经过声明合并来解决这个问题
在ClassD后面定义一个接口叫作ClassD和类ClassD的名字相同。这样classD就有了name属性了。

这样就打印出了类的属性，经过装饰器把name属性修改为了name

使用了。同名的 接口和同名的类，进行声明合并之后，name添加到了类的原型对象上，因此咱们也能够拿到它的值
若是类装饰器返回一个值，那么会使用这个返回的值替代被装饰的类的声明，因此咱们使用这个特性去修改类的实现。可是要注意的是咱们要本身处理咱们的原型链
能够经过装饰器来覆盖类里面的一些操做，能够看一下官方的一个例子

14分53秒
首先定义一个装饰器，给它使用一个泛型，而且进行约束，它是一个类， 构造函数，接收任意多的参数，返回值是一个对象


接收一个target参数

返回一个class定义，继承target构造函数 这个类，在这个实例上添加两个属性，一个是NewProperty 一个是hello

定义好装饰器工厂，接下来来定义一个类，也在类上添加两个属性

在类Greeter前面使用装饰器，这里是装饰器而不是装饰器工厂

装饰器返回了一个类，而且是继承了被修饰的这个类，target就是指的被修饰的类


给这个类传一个world字符串

装饰器返回的是一个类，这个类又继承了被修饰的类，装饰器返回的这个类会替换被装饰的类的声明，全部新建立的这个类既包含原来类的属性，又包含了新定义的属性，使用新的类替换了这个类以后，Greeter就是这两个雷结合以后的类

修改装饰器，返回的类再也不继承被修饰的类

方法装饰器

用来处理类中的方法，能够处理方法的属性描述符，方法的定义，在运行的时候也是被当作函数调用的
，包含三个参数，分两种状况，第一个若是装饰的是静态成员的状况，参数表明的就是类的构造函数，若是装饰的是实例成员的时候，参数1就是累的原型对象
参数2是成员的名字
参数3是成员的属性描述符
先来补充一个js的知识，属性装饰符。对象能够设置属性，若是属性值是函数，那么这个函数成为方法，每个属性和方法在定义的时候都伴随三个示例描述符
分别表明可配置、可写、可枚举

要修改属性描述符他要用es5有的Object.defineProperty 方法，参数1是咱们建立的UI对象，参数2你要处理的属性名或方法名，参数3就是对象用来设置属性描述符，
它有四个值，第一个值是Value：也就是咱们要给这个属性设置的名字，能够是实际的字符串或者number类型的值，也开始是一个函数，若是你设置为一个函数呢，这个属性就称之为方法
如今先设置为一个字符串的值，

第二设置可写性，设置为false那么就是不可写的

可配置的，可枚举的

输出，上面就有个name属性

访问下它的name值，提示不存在


因此先给他指定类型，定义一个接口

由于设置了可写性是false，因此这里修改了name的值再去打印出来仍是原来的值



可枚举关闭后，for循环这个对象，里面什么也输出不了

定义的时候默认加一个age属性，就能够输出了，由于咱们经过defineProperty设置的是name属性

可枚举属性打开，就能够输出name的值

可配置型

在上面先设置了name属性，可写性为false，看配置型为false
下面又定义了一遍name属性，设置可写行为true，可是就报错了 不能重复定义。
可配置性是不可逆的操做，若是期初设置了可配置性为false，后续就不能再经过deineProperty去修改属性修饰符了


方法装饰器对于属性描述符的相关操做，全部不支持es5的浏览器没法支持属性描述符
定义一个装饰器
description.enumerable=bool表示设置属性描述符
propertyName是方法的名字

第三个参数是一个对象，包含了三个属性描述符


getAge方法上用装饰器

当方法装饰器装饰的是静态成员时，是构造函数，装饰的是实例成员时是类的原型对象，还有类的原型对象上定义的方法它的target也是类的原型对象
打印出的target就是被修饰的类的构造函数

propertyName是方法的名字


第三个参数:PropertyDescruotionMap

定义了他的接口，有三个可选值，还有属性值value

这里直接修改它的属性值，是否可枚举就能够了

遍历它的值，只遍历到了age属性

可枚举设置为true，不光是有age，继承过来的getAge也打印出来了

就是这个方法装饰器，就能够控制方法或者属性的可枚举性
若是方法装饰器返回一个值，那么就会用这个值做为方法的属性描述符对象，也就是至关于下面这个

修改这个装饰器：

再加一个返回值类型为any

建立实例后调用getAge方法

这是由于方法装饰器返回的值，他会用这个值做为这个属性描述符对象，作一个替换

经过方法装饰器，便可以修改方法或者属性的属性的属性描述符的值，还能够直接替换他的实现，这里仍是要提醒一下，当构建目标小于es5的时候，方法装饰器的返回值会被忽略

访问器装饰器

也就是以前讲的get和set存取值函数，一个在设置属性值的时候触发，一个在获取属性值的时候触发
ts不容许同时装饰成员的get和set访问器

访问器装饰器也有三个参数，这个三个参数和方法装饰器是如出一辙的




定义name 的存取器

在get上面加装饰器

不能同时给get和set同时加装饰器

建立实例，打印实例的属性，打印出来的只有下划线name

若是去掉装饰器，既有下划线name也有name

若是设置了装饰器为true一样也是两个值

属性装饰器

声明在属性的声明以前，有两个参数，和方法装饰器的前两个参数是同样的，就是没有属性描述符对象。
属性装饰器无法操做属性的属性描述符，只能判断某个类中是否声明了某个名字的属性

参数1被修饰的目标，参数2属性名。这里直接打印了属性名

给的属性name使用了装饰器

参数装饰器

也有三个参数，前两个和方法装饰器是同样的。
参数1：装饰静态成员的时候是类的构造函数，装饰实例成员或者类的原型对象的时候是类的原型对象
参数2：成员的名字，修饰的成员的名字
参数3：参数在函数的参数列表中的索引
参数装饰器的返回值会被忽略



定义方法getInfo，输出前缀和要传入的属性名的值

再定义一个接口能够有任意多的属性，属性类型能够是string 能够是number也能够是个function(函数)

实例类ClassI，调用继承过来的getInfo方法，传入参数1：hihi 参数2：age属性

在infoType这个属性前面使用装饰器，

就会输出console内容

装饰器是一个实验性的功能，在生产环境上尽可能不使用，之后可能会有颠覆性的修改