在TS中使用类装饰器扩展类时，我应该如何使用扩展的类属性？
在TS中使用类装饰器扩展类时，可以通过以下步骤来使用扩展的类属性：
- 首先，定义一个装饰器函数，该函数接收三个参数：目标类的构造函数、属性名称和属性描述符。
- 在装饰器函数内部，可以通过修改属性描述符的方式来扩展类的属性。可以使用属性描述符的
value属性来设置属性的默认值，也可以使用get和set方法来定义属性的读取和写入行为。 - 在目标类的属性声明前使用装饰器函数，通过在属性声明前添加
@装饰器函数名的方式来应用装饰器。 - 当创建目标类的实例时，装饰器函数会被调用，并且可以在装饰器函数内部对属性进行处理。
以下是一个示例代码：
function extendProperty(target: any, propertyName: string, descriptor: PropertyDescriptor) {
descriptor.value = "扩展的属性值"; // 设置属性的默认值
// 或者使用get和set方法来定义属性的读取和写入行为
// descriptor.get = function() {
// return "扩展的属性值";
// };
// descriptor.set = function(value: any) {
// // 处理属性写入逻辑
// };
return descriptor;
}
class MyClass {
@extendProperty
public myProperty: string;
}
const instance = new MyClass();
console.log(instance.myProperty); // 输出：扩展的属性值在这个示例中，extendProperty函数是一个装饰器函数，它接收目标类的构造函数、属性名称和属性描述符作为参数。在函数内部，我们将属性描述符的value属性设置为"扩展的属性值"，这样在创建MyClass实例时，myProperty属性的默认值就会被设置为"扩展的属性值"。
相关·内容
这是我的类装饰器，它返回一个新类 console.log(name); console.log('this is a new method'); };};
我正在接受原始构造函数，并对其
浏览 18提问于2021-06-14得票数 0
回答已采纳
1回答
我有一个类，它有一些我想要的装饰器，当扩展这个类时，它删除了装饰器。IsNotEmpty() name: string; 所有装饰器都存在于我不想要的UpdateUser类
浏览 2提问于2022-02-09得票数 3
我已经设置了带template的BaseComponent。我想在一个扩展基础的组件中使用相同的HTML模板。我知道Angular2中的类继承只适用于类，不适用于装饰器。因此，看起来我需要一个新的装饰器，它将找到父类和它的所有装饰<
浏览 0提问于2016-05-24得票数 1
我有一个装饰器，它将属性添加到类中，如下所示： constructor.Instance = {};该属性将被static为public static Instance: MyService，但是我有一堆类，我只是不能在每个类中都添加public
浏览 17提问于2020-05-06得票数 2
回答已采纳
1回答
我想知道是否有一个好的做法，添加一些属性和行为，一个已经写好的类。在我的例子中，我创建了一个基本的类用户。现在，在另一个里程碑中，我希望添加一个通知系统，并在类用户中添加一个NotificationList (以及相关的行为)。在我看来，我有三个选择：
<e
浏览 0提问于2021-11-14得票数 0
我希望使用修饰器而不是继承来扩展类的行为和数据。我还想将装饰器应用于新创建的属性或方法。有这样做的例子吗？这有可能吗？
设想一组类，其中一些类共享一个名为span的可绑定属性。还允许有一个名为leftMargin的计算属性依赖于span属性。实现这一点<em
浏览 4提问于2017-05-11得票数 3
1回答
扩展类时省略属性
、、
我试图派生一个类来将字段设置为可选，基类中需要该字段。class Base { param2!: string;}
我已经生成了在每个构建
浏览 4提问于2022-06-12得票数 3
回答已采纳
我有一些组件，如CricketComponent、FootballComponent、TennisComponent等，所有这些类都有一些公共属性:- TeamName, teamSize, players现在我创建了一个BaseComponent类，在其中定义了所有这些属性，这个baseComponent类将由板球/足球/网球/etcComponents扩展。baseComponent.ts
expor
浏览 4提问于2020-07-28得票数 105
回答已采纳
1回答
我有将在服务(可注入)类中扩展的基类(没有@Injectable()装饰器的常规TS类)。但问题是- Angular将构造函数参数作为依赖注入。它给了我一个错误，因为基类是不可注入的。我想要这样的东西： private param1: OtherBaseClass;
construc
浏览 5提问于2018-08-28得票数 0
3回答
我正在读“头第一设计模式”(在这里你可以找到书中提到的确切例子。)他们在解释装饰师用
延期。我不认为在装饰器设计模式中通过“扩展”来扩展类，因为我们不能向类添加属性。据我所知，装饰器的关键是它能够封装其他对象<em
浏览 0提问于2015-01-12得票数 3
回答已采纳
ActivatedRoute, super(messageService, logger);
} 有了新的装饰器要求，我应该在这个类上使用什么？@Directive不起作用，因为我得到“未捕获的错误:指令无法继承组件” 如果我使用@Component( {template：''}
浏览 65提问于2021-05-08得票数 0
4回答
升级到角形9之后，一些服务扩展的抽象类将自动使用@injectable进行修饰，如Range9迁移指南中所写。我还阅读了这个问题，并建议从抽象中删除@inject
浏览 5提问于2019-12-08得票数 2
回答已采纳
1回答
我正在尝试为node.js和MongoDB构建一个TypeScript的“实体框架”ORM库。
有了这个库，使用者将能够定义一个模型类(例如。Person)，它将扩展Base类，类装饰器将向Person类添加附加数据(例如，包含所有模型实例的instances数组，以及将作为模型的MongoDB集合名称的collection_name等)。extends Base
浏览 0提问于2019-03-01得票数 3
car.ts在"export class Car{}“中有"isNewCar”变量，我需要将"isNewCar“变量导出到另一个组件carSale.ts中，该组件位于不同的目录中，而不是在同一个模块中是否必须将car.ts模板添加到carSale.ts文件中，并添加"isNewCar“作为输入？编辑: car.ts具有导出<
浏览 25提问于2021-07-11得票数 0
1回答
假设我有一个Animal抽象类和三个扩展Animal类的类Dog、Cat和Bear。Animal类具有抽象方法getDescription。假设我有一个装饰器YellowStripes、BlueStripes、GreenStripes，它们都扩展了Animal类并装饰了getDescription方法。如果我用装饰器</
浏览 3提问于2014-11-02得票数 4
回答已采纳
8回答
这个问题已经被问到了，但是没有回答具体的问题，而是给出了装饰模式是如何工作的描述。我想再问一次，因为仅仅通过阅读装饰模式的工作原理(我已经阅读过wikipedia的文章和书Head First Design Patterns中的章节)，答案对我来说并不是显而易见的。基本上，我想知道为什么必须创建一个实现(或扩展)某个接口(或抽象
浏览 3提问于2010-01-06得票数 39
回答已采纳
2回答
我有一个关于iOS中的设计模式的问题。现在，我们可以考虑几个视图(例如，子类)，它们指定视图模板的行为(不同的方法、动画等)。在我的案子里有什么可能是好的吗？一些设计模式？例如，装饰设计模式？
浏览 2提问于2014-05-19得票数 5
回答已采纳
1回答
我正在尝试创建一个装饰器，将属性添加到它的目标类中。： @ValidationSchema() public foo: string;
} 这可以很好地工作，但是当我试图在一个类实例上调用validate方法时，我得到的错误是该属性在类型上不存在。使用// @<em
浏览 26提问于2020-11-30得票数 0
回答已采纳
1回答
我需要一些帮助，开始定制编译器输出的类型，或更准确地说，如果它是可能的。properties: {
"title" : "string"
浏览 2提问于2017-06-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
