ts中的装饰器

本文将深入探讨TypeScript中的装饰器概念,解释其工作原理,并通过实例展示如何使用装饰器来增强类、属性、方法和参数的功能。装饰器是一种特殊类型的声明,可以被附加到类声明、方法、访问器、属性或参数上,为元编程提供了一种机制,允许运行时修改类的行为或属性特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、命名空间:----------
    命名空间:namespace 为防止不同程序员之间命名冲突,命名空间里面的类需要export之后外部才能使用。不同模块之间使用命名空间,namespace也需要被export,在对应使用的地方import它
    在低版本中引入的方式是使用三个斜杠,然后写文件夹地址 ///<reference path="A.ts" />,    ts3.0以后的版本通常用import引入 

        export namespace A{
   
            export class Test{
   
                name:string;
            }
        }
        使用: let a = new A.Test();  不同的命名空间里面的类命名相同相互不影响。


2、装饰器:-------------
    装饰器是一个方法,可以注入到类,方法,属性参数上来扩展类,属性,方法,参数的功能
    常见装饰器:类装饰器,属性装饰器,方法装饰器,参数装饰器。
    装饰器的写法:普通装饰器(无法传参),装饰器工厂(可传参)

1)、类装饰器:类装饰器在类声明之前(紧靠着类声明)。类装饰器应用于类构造函数,可以用来监视、修改或替换定义。传入一个参数
    (1.1)装饰器工厂:
        function Logclass(parmas:any){
   
            return function(target:any){
   
                console.log(parmas);  // parmas是传入的参数(实参) http://www.123.com
                console.log(target); //target是其装饰的类本身
                target.prototype.ios = function(){
    //可以在target的原型上添加方法和属性
                console.log("I am iosFunction");

                return true;
                }
            }
            }

        @Logclass("http://www.123.com")
        class Http{
   
        constructor(){
   }
        getData(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值