TypeScript09--装饰器

2019-09-28  本文已影响0人  机智的老刘明同志

装饰器:

    介绍:

        装饰器是一种特殊类型的声明,它能够被附加到类声明,方法, 访问符,属性或参数上。

        目前属于测试阶段,使用需在tsconfig.json里启用experimentalDecorators

    装饰器:

        @funtcionName

        function funtcionName (target){  ...  }

    装饰器工厂:

        装饰器工厂是一个返回值为函数的简单函数

    装饰器组合:

        装饰器执行顺序:

            1.由上至下依次对装饰器表达式求值。

            2.求值的结果会被当作函数,由下至上依次调用。

    类装饰器:

        类装饰器对应的函数会运行在类的构造函数之前,将被装饰类的构造函数作为参数传入        

        如果类装饰器返回了一个函数,这个函数会替代原来的构造函数

        官方文档上的一个重载构造函数的例子

    方法装饰器:

        方法装饰器声明在在一个方法的声明之前(紧靠着方法声明)。 它会被应用到方法的属性描述符上,可以用来监视,修改或者替换方法定义

        方法装饰器表达式会在运行时当作函数被调用,传入下列3个参数:

            1.类的原型对象,如果是静态方法则为类的构造函数

            2.方法名称

            3.方法的属性描述符

        常见的属性描述符:

        ES5以上版本,函数装饰器如果有返回值,会直接替换成员函数的返回值

访问器装饰器:

        访问器装饰器同方法装饰器。

        这里注意:TypeScript不允许同时装饰一个成员的get和set访问器。取而代之的是,一个成员的所有装饰的必须应用在文档顺序的第一个访问器上。这是因为,在装饰器应用于一个属性描述符时,它联合了get和set访问器,而不是分开声明的。

属性装饰器:

        属性装饰器表达式会在运行时当作函数被调用,传入下列2个参数:

            1.对于静态成员来说是类的构造函数,对于实例成员是类的原型对象。

            2.成员的名字。

参数装饰器:

        参数装饰器表达式会在运行时当作函数被调用,传入下列3个参数:

            1.对于静态成员来说是类的构造函数,对于实例成员是类的原型对象。

            2.成员的名字。

            3.参数在函数参数列表中的索引。

上一篇 下一篇

猜你喜欢

热点阅读