美文网首页
TypeScript09--装饰器

TypeScript09--装饰器

作者: 机智的老刘明同志 | 来源:发表于2019-09-28 20:57 被阅读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.参数在函数参数列表中的索引。

    相关文章

      网友评论

          本文标题:TypeScript09--装饰器

          本文链接:https://www.haomeiwen.com/subject/tpvwuctx.html