TypeScript装饰器，获取值的类型
TypeScript装饰器是一种特殊的语法，用于修改类、方法、属性或参数的行为。装饰器可以在不修改原始代码的情况下，通过注释的方式来扩展或修改类的功能。
获取值的类型是指在装饰器中获取某个属性或方法的数据类型。在TypeScript中，可以使用装饰器来获取属性或方法的类型信息，以便在运行时进行相应的处理。
装饰器可以应用于类、方法、属性或参数，并且可以通过使用反射机制来获取相应的类型信息。在装饰器中，可以使用一些内置的装饰器工具，如Reflect对象来获取属性或方法的类型。
以下是一个示例，展示如何使用装饰器获取属性的类型：
function GetType(target: any, propertyKey: string) {
const propertyType = Reflect.getMetadata('design:type', target, propertyKey);
console.log(`Property ${propertyKey} has type ${propertyType.name}`);
}
class MyClass {
@GetType
myProperty: string;
}
const instance = new MyClass();
// 输出：Property myProperty has type String在上述示例中，我们定义了一个装饰器函数GetType，它接收目标对象和属性名作为参数。通过使用Reflect.getMetadata方法，我们可以获取myProperty属性的类型信息，并在控制台中打印出来。
需要注意的是，为了能够使用装饰器获取类型信息，需要在TypeScript配置文件（tsconfig.json）中启用experimentalDecorators和emitDecoratorMetadata选项。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MongoDB 版：https://cloud.tencent.com/product/cmongodb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCAS）：https://cloud.tencent.com/product/tbcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
类型记录常说："TypeScript是JavaScript的类型化超集。“
但是，如果ECMAScript添加一些与TypeScript现有语法相冲突的新语法，TypeScript和JavaScript之间的“超集”关系就会中断。
会发生这种事吗？
例: TypesScript有参数解码器语法，如果ECMASript将来也添加参数解码器语法，但是装饰函数有不同的参数。
浏览 7提问于2022-05-25得票数 1
回答已采纳
1回答
在TypeScript中，我定义了一个装饰器
function Foo(type: AnEnum) {
return <T extends { pattern: RegExp, new(...args: any[]): {} }>(constructor: T) => {
RegisterPattern(pattern) // defined elsewhere
return class extends constructor {
public type: AnEnum = type
}
浏览 6提问于2018-01-11得票数 0
回答已采纳
我尝试将@Reflect.metadata装饰器应用于TypeScript类，如第82-84行中的示例所示。
/// <reference path="node_modules/reflect-metadata/reflect-metadata.d.ts"/>
@Reflect.metadata('key', 0)
class C {
}
但是，TypeScript 1.7.2编译器在@Reflect.metadata行上生成以下错误：
错误TS1238:当作为表达式调用时无法解析类装饰器的签名。
无法调用类型缺少调用签名的表达式。
怎么了
浏览 3提问于2015-12-28得票数 6
1回答
我很难将复杂的TypeScript对象存储到浏览器的存储中，因为它必须序列化为JSON字符串。
class ComplexObject {
constructor(
public date: Date,
public child: SimpleObject,
) {}
getContent() {
return this.child.content
}
}
class SimpleObject {
constructor(
public content: string,
) {}
}
虽然const store = JSON.stri
浏览 1提问于2018-03-03得票数 2
回答已采纳
我是一名有打字稿的大一新生。我不理解我的代码中的这个错误。
我使用IProps来描述这个类的属性。为什么typescript要检查这个类的方法？我该如何解决这个问题？
export interface IProps extends FormComponentProps {
dispatch: Dispatch<any>;
loading: any;
}
@Form.create()
@connect(({ global, loading }) => ({ global, loading }))
expor
浏览 1提问于2018-09-14得票数 1
我试图在一个没有包含在类中的函数中添加一个自定义的TypeScript装饰器，似乎无论我做什么编译器都会报错。
有什么想法吗？有可能吗？
浏览 0提问于2016-05-30得票数 32
回答已采纳
1回答
有没有一种在TypeScript中进行代码编织的方法？
我想要做的是将一段代码作为我的TypeScript应用程序中每个函数的第一行，并且我不习惯手动这样做(这种手工方法既乏味又容易出错)。
浏览 1提问于2016-02-11得票数 4
回答已采纳
我正在尝试用一个装饰器来扩展一个类的原型，这个装饰器使用TypeScript的experimentalDecorator支持。
export function Foo() {
return function (target) {
target.prototype.bar = 'baz';
}
};
虽然这个装饰符似乎适用，但TypeScript不能识别原型扩展。
@Foo()
class Qux {
constructor () {
this.bar; // Property 'style' doesn't exi
浏览 13提问于2016-09-01得票数 0
回答已采纳
1回答
我目前正在学习Node的TypeScript。读到关于TypeORM的文章，我发现reflect-metadata包是TypeORM工作所必需的。需要这个包的原因是什么？
浏览 0提问于2018-04-02得票数 9
回答已采纳
2回答
我想知道是否可以使用TypeScript 1.5从一个类创建一个属性装饰器？我的意思是从
function Inject(value = null) {
return function (target:Object, propertyKey:string) {
target[propertyKey] = value;
};
}
到像这样的类
class Inject{...}
如果这是可能的，我们怎么做？
感谢你的预支
浏览 1提问于2015-06-03得票数 1
每个typescript装饰器都需要定义这个?这是什么意思?为什么不在typescript语言中设置这个默认值，或者开发人员每次都需要编写这个。 function classDecorator<T extends {new(...args:any[]):{}}>(constructor:T) {}
浏览 166提问于2019-09-23得票数 1
回答已采纳
既然有TypedPropertyDescriptor可以用来定义方法修饰符，那么有没有办法让编译器推断被修饰方法的参数类型呢？
function test(
target: any,
propName: string | symbol,
descriptor: TypedPropertyDescriptor<(x: number) => any>
) {
}
class T {
@test
log(n) { // <-- compiler complains that n has type of implicit any
}
}
浏览 1提问于2017-12-19得票数 0
首先，我对TypeScript还很陌生，所以如果这是一个愚蠢的问题，我很抱歉。
我正在尝试创建一个基类，这个基类可以扩展额外的功能。我试着使用继承，但后来我意识到你不能扩展多个类。我的下一个尝试是使用装饰器，它似乎工作得很好，但是TypeScript没有为来自装饰器的方法提供代码完成。
<code>A0</code>
<code>C1</code>。
1)有没有办法为使用装饰器添加的方法添加代码自动完成？
2)通常有没有更好的方法来扩展具有额外功能(混合和匹配)的类？
浏览 9提问于2018-12-14得票数 3
回答已采纳
假设你有一个这样的Typescript class：
class CompExt extends Comp {
public static sum(a: number, b: number): number {return a+b};
};
函数sum将与原始类稍有不同，它必须是静态的。
您的实际代码是
let ff: Function = CompExt;
console.log('the summ works fine',ff.sum(1,2));
代码编辑器和编译都会向我发出警告：
bas.ts(47,16): error TS2339: Pro
浏览 0提问于2017-09-23得票数 0
2回答
我尝试使用vue-injector，但它使用我的Vue (2.6.10)和Typescript (3.4.5)版本编译。 我几乎看不到其他选择。 在纯粹的typescript方面，我看到了像Inversify和TSyringe这样的东西，它们看起来很好，但不能开箱即用。 这是inversify： Argument of type typeof App' is not assignable to parameter of type 'VueClass<Vue>'.
Type 'typeof App' is not assignab
浏览 99提问于2019-05-23得票数 0
我有一系列的类装饰器，我会在很多类中重复使用。类似于下面的内容：
@foo
@bar
@baz
export class MyClass { /* ..... */ }
由于我在多个类中使用了这三个装饰器，因此我真的想将其分解为一个装饰器，如下所示：
@standard
export class MyClass { /* ... */ }
我尝试创建一个新的类装饰器，它像这样链接装饰器调用：
export function standard<ReturnType>(ctor: Constructor<ReturnType>) {
return baz(bar(f
浏览 14提问于2016-08-19得票数 7
回答已采纳
我有一个示例代码，它说明了我的代码中发生的一件奇怪的事情，但我想不出为什么会发生这种情况。
基本上，我有一个简单的类Foo，它只包含一个方法。一个greet方法，在默认情况下，当被调用时，它只是记录"Hello，World“。但是我有一个装饰器应用于改变方法的方法。新函数几乎相同，但需要一个字符串参数来确定要记录的内容。
以下是我的示例的完整代码。
const arr = [];
function methodOverride(target, propertyKey, descriptor) {
descriptor.value = function(str) {
浏览 6提问于2020-10-12得票数 0
我正在尝试创建一个自定义的类装饰器，它创建了一个仓库类的实例，下面的代码片段代表了“装饰器”和“仓库”。
import UserModel, { User } from "../models/user.model";
import AbstractRepository from "./abstract.repository";
import { Document, Model } from 'mongoose'
import { injectable } from "inversify";
export function Rep
浏览 0提问于2020-05-19得票数 1
我最近开始在Range2中使用，但现在我一直在想，它们是否也可以在没有TypeScript注释的情况下在ES6中使用。
TypeScript语法，按照，如下所示：
@ViewChild(ItemDirective) viewChild: ItemDirective;
或者，按照
// myVideo == #my-video
@ViewChild('myVideo') myVideo: any;
现在，对应的有用于ViewChild和co的元数据类，我记得可以使用这些元数据类在普通JS中添加一些其他注释。所以我觉得应该是可行的，但我不太确定在这种情况下该怎么做。有人能弄清楚这件
浏览 2提问于2016-02-07得票数 2
回答已采纳
我在TypeScript中有以下小类，其中包含一些公共字段：
class Company {
@dataMember
public name: string;
@dataMember
public people: Person[];
}
class Person {
// ...
}
通过使用，我可以确定公司属性名称和人员的类型:它们分别是构造函数字符串和数组，这是预期的和逻辑的。
我的房产装饰师的职能：
function decorate(target: Object, propertyKey: string | symbol): void {
浏览 3提问于2016-01-26得票数 13
回答已采纳
我正在尝试在typescript中创建一个泛型模型类，它可以由子模型扩展，目的是在超类中创建一个自动HTTP数据到模型的处理方法。 基本子模型可能如下所示： export class User extends Model {
private username: string = null;
constructor () {
super ();
this.processJson ();
}
} 我们的父类Model做了一些类似的事情： export class Model {
constructor () {
}
浏览 28提问于2019-12-28得票数 1
回答已采纳
1回答
这是我得到的错误
./src/core/providers/todoApi/TodoApiProvider.ts 10:14模块解析失败:使用这些加载程序处理了意外字符“@”(10:14)文件：
./node_modules/react-scripts/node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
./node_modules/babel- loader /lib/index.js您可能需要一个额外的加载器来处理这些加载程序的结果。类TodoApiProvider {
构造函数(@injec
浏览 10提问于2021-10-20得票数 1
因此，我尝试在lit-element中使用Typescript 但是，我不确定如何设置reflect等选项 在普通的Javascript中，你可以这样写： static get properties() { return {
test: { reflect: true }
};} 但在typescript中，您可以像这样声明属性： @property()
test : string; 但是如何添加reflect:true呢？ 如果我喜欢这样： @property()
test : {reflect: true}; 它不工作，因为它认为这是变量类型。 那么如何添加这些选项呢？
浏览 17提问于2020-08-25得票数 0
回答已采纳
下面是一些关于TypeScript文档中装饰器的代码：
function classDecorator<T extends {new(...args:any[]):{}}>(constructor:T) {
return class extends constructor {
newProperty = "new property";
hello = "override";
}
}
@classDecorator
class Greeter {
property = "propert
浏览 1提问于2017-11-24得票数 0
回答已采纳
假设我有一个类装饰器，它向一个类添加了一些方法。
function decorator(target) {
target.prototype.method = function() {};
}
@decorator
class Test {
constructor() {
this.method() <------- Property method does not exists on type Test
}
}
如果我有能力添加装饰器，但是typescript无法识别它们，那它就毫无价值了。
有办法解决这个问题吗？
浏览 1提问于2018-01-08得票数 0
我跟不上javascript中的装饰器。
我真的很想在我的React Native项目中使用它们，它会让我拥有更具可读性的代码。
但是目前(2020年)使用纯Javascript装饰器安全吗？当EcmaScript说装饰者在未来可能会有突破性的变化时，他们是什么意思？
我已经看到一些人使用装饰器，但是使用Typescript，我必须使用Typescript才能拥有一个“稳定”版本的装饰器吗？
浏览 5提问于2020-08-08得票数 0
我很好奇为什么TypeScript转换程序会将枚举编译成字典查找，而不是简单的对象。下面是一个示例TypeScript enum：
enum transactionTypesEnum {
None = 0,
OSI = 4,
RSP = 5,
VSP = 6,
SDIV = 7,
CDIV = 8
}
以下是TypeScript发布的JS代码：
var TransactionTypes;
(function (TransactionTypes) {
TransactionTypes[TransactionTypes["None
浏览 0提问于2018-10-22得票数 6
回答已采纳
问题是，我想使用一个装饰方法，它从装饰器中检索一个属性，而装饰器接收方法的参数，制作一些东西，并用这些东西的结果调用装饰方法。
下面是一个示例
export function Augment(
target: any,
propertyKey: string,
descriptor: PropertyDescriptor
) {
const method = descriptor.value;
descriptor.value = function(message: string) {
return method.call(this, {
data: m
浏览 0提问于2019-11-29得票数 0
我希望能够在基于类的组件中使用vue- property装饰器来声明我的Prop，而不必初始化该属性。
我被逼到了角落：
如果我不初始化，TypeScript就不会编译：
"TS2564 (TS)属性'parentData‘没有初始化程序，并且在构造函数中没有明确分配。“
如果初始化，VueJS将在运行时抛出一个警告：
“避免直接更改支柱，因为每当父组件重新呈现时，值都会被覆盖。”
下面的内容是可行的，但这个警告是非常恼人的，也让我觉得有更好的方法可以做到这一点：
import Vue from 'vue';
import
浏览 0提问于2019-05-17得票数 3
我发现这取决于我把类放在TypeScript上的顺序，javascript不会生成棱角的__decorate函数，TypeScript的bug对吗？还是我做错了？
控制台上的错误，platform-Browser.umd.js:2306 2306EXCEPTION: AppComponent上没有指示注释
import {Component} from '@angular/core';
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1
浏览 3提问于2016-06-17得票数 1
回答已采纳
2回答
我想知道为什么当我在课堂上的打字稿中使用装饰符或注释时。编译器无法推断类的新类型。如果我不使用装饰器，并使用旧的方式在ES5 (即。(手动调用装饰器)它显然是有效的。
例如，这里有一个显示问题的示例：
function decorate(Target: typeof Base): IExtendedBaseConstructor {
return class extends Target implements IExtendedBase {
public extendedtMethod(): number {
return 3;
}
};
}
interf
浏览 2提问于2016-04-03得票数 5
回答已采纳
1回答
我正在使用angularjs2 + Meteor进行开发。这里的问题是，我已经用以下风格编写了模型-
export interface temp {
name: string;
count: number;
}
这里的问题是，我使用typescript进行文件扩展，所以在编译后将其转换为原始文本。所以这个模型是不安全的。用户可以插入任何类型的数据，这是主要的问题。
在meteor + reactJs应用中，我使用了Meteor.collection，它提供了安全性。但是在这里，我们如何让模型在typescript中更安全呢？
浏览 1提问于2017-03-31得票数 0
我有这个错误
GraphQLError: Input Object type CreateUserInputDTO must define one or more fields.
at SchemaValidationContext.reportError
我已经尝试过一些建议，但是仍然不起作用
我不知道为什么会有这个错误，因为我有工作的另一个项目。我怀疑我可能使用了最新的模块？
这是代码
import {
Field,
InputType,
IntersectionType,
ObjectType,
OmitType,
} from '@nestjs/
浏览 11提问于2022-09-15得票数 2
回答已采纳
我正在学习在Angular 2+中使用的Typescript中的装饰器。我知道装饰器只是简单的函数。
我发现有时候装饰器必须返回一个函数，而有时逻辑是在装饰器函数内部执行的，而不需要返回任何东西。
考虑一下类装饰器
@course
class Person {
constructor() {
console.log("Test")
}
}
装饰者课程定义如下。它定义了Person.prototype的一些属性。它不返回任何内容。
function course(target) {
Object.defineProperty(target
浏览 0提问于2017-10-22得票数 0
2回答
所以，根据
如果参数是“简单”类型，则Web尝试从URI中获取值。简单类型包括.NET基元类型(int、bool、double等)，加上TimeSpan、DateTime、Guid、十进制和字符串，再加上可以从字符串转换的类型转换器的任何类型。(稍后将更多地介绍类型转换器。)
对于复杂类型，Web尝试使用媒体类型格式化程序从消息体读取值。
我有一个POST操作，其中有一个来自用户输入的string参数，因此可以是任何字符--外文、unicode、撇号、'%20‘等等！
因此，我不愿意在URL中使用这个参数，而且[FromBody]装饰器似乎没有帮助。问题是:向W
浏览 1提问于2016-06-21得票数 0
回答已采纳
我使用typegoose来定义我的mongoose/mongo-db模型。typegoose模型可能如下所示 class Something {
@prop({ required: true }) // this is now required in the schema
public firstName!: string;
@prop() // by default, a property is not required
public lastName?: string; // using the "?" marks the property as opt
浏览 14提问于2020-01-16得票数 0
1回答
为了寻找在类型记录中不使用新的类实例化类的方法，这个很好的答案在javascript中工作得很好。
回购引用的中的代码是一个简单的类装饰器：
var classy = function classy() {
return function (Class) {
var _Class = function _Class() {
for (var _len = arguments.length, rest = Array(_len), _key = 0; _key < _len; _key++) {
rest[_k
浏览 2提问于2022-07-26得票数 1
回答已采纳
当装饰器更改其返回类型时，如何让TypeScript推断已修饰方法的类型？
在下面的基本示例中，我修饰了一个方法来返回一个字符串对象：
function jsonStringify() {
return function (target, decoratedFnName: string, descriptor: PropertyDescriptor) {
let decoratedFn = descriptor.value;
let newFn = function () {
let object = decoratedFn.apply(target, arg
浏览 20提问于2018-02-22得票数 3
回答已采纳
由于我更新到了角5和@ngtools/webpack (从1.8.0到1.9.0)，我得到了一个奇怪的错误，无法找出错误的原因，我只得到了这个错误：
ERROR in : TypeError: Cannot read property 'getTsProgram' of undefined
at AngularCompilerPlugin._getTsProgram (/home/patrikx3/Projects/patrikx3/corifeus/corifeus-app-web-pages/node_modules/@ngtools/webpack/src/angul
浏览 0提问于2017-12-08得票数 2
回答已采纳
像这样
enum Response {
@Descriptor("this is No")
No = 0,
@Descriptor("this is Yes")
Yes = 1,
}
如何在TypeScript中在枚举上使用装饰器，我尝试了这段代码，但它没有工作
export function Description(description:string){
return Reflect.metadata(descriptionMetadataKey, description);
}
浏览 0提问于2018-09-06得票数 14
回答已采纳
2回答
如何安装类型-graphql？
、、、、
我想将它导入到我的TypeScript项目中：
import { ID } from "type-graphql";
但是我无法安装type-graphql。我尝试过这样做，但是它给了我一个404错误，说明在nam注册表中找不到它。
npm install @types/type-graphql
浏览 4提问于2020-04-11得票数 0
回答已采纳
TypeScript中的“装饰器”是什么？为什么要使用它们？@符号的用途是什么？如果我们应用装饰器，会发生什么？
我在谷歌上也找不到清晰的想法。
浏览 10提问于2017-02-24得票数 0
回答已采纳
我发现Karma js测试的设置和编写有些麻烦，并且发现自己经常因为这个原因而忽略了编写测试，所以我想知道是否有更好的替代方案。
因为我使用typescript，所以我的梦想场景是如果我能写出这样的东西：
module adder {
export function add(a, b){
return a + b;
}
}
[Tests]
assert.equal(4, adder.add(2, 2));
我的测试是内联的，当当前文件发生变化时，将直接在我的编辑器中运行。因为typescript可以很容易地从最终输出中删除测试，所以我可以将测试放在与代码相同的文
浏览 1提问于2016-09-22得票数 2
1回答
如何使用TypeScript和装饰器定义属性？
例如，我有一个类装饰师：
function Entity<TFunction extends Function>(target: TFunction): TFunction {
Object.defineProperty(target.prototype, 'test', {
value: function() {
console.log('test call');
return 'test result';
浏览 1提问于2016-04-09得票数 12
回答已采纳
我有一个相对较小的Ember/打字软件，我已经用了六个月了。我过去常常将计算的属性定义为：
@computed('styleNamespace', 'status')
statusClass(componentClassName: string, status: string): string {
return `${componentClassName}--${status}`
}
但是我从来没有能够让它通过TypeScript检查。在回顾了Chris的之后，这样做的“适当”方式似乎如下：
@computed('sty
浏览 1提问于2018-03-16得票数 4
回答已采纳
2回答
我在任何地方都找不到如何创建对从数组动态创建的组件的引用？
<div *ngFor="let item of items">
<my-component [data]="item.data"></my-component>
</div>
我需要访问<my-component>代码中的每个TypeScript (它将从数组动态创建)。
示例：
length of items数组是2，所以在TypeScript代码中，我需要这样的代码。
myComponent0 -引用1. <my-comp
浏览 0提问于2018-11-27得票数 2
回答已采纳
2回答
我是打字稿和奥雷利亚的新手。我试图让@autoinject装饰器在VS2015 ASP.NET MVC 6项目中工作。
这是我的密码
import {autoinject} from "aurelia-framework";
import {HttpClient} from "aurelia-http-client";
@autoinject()
export class App {
http: HttpClient;
constructor(httpClient: HttpClient) {
this.http
浏览 0提问于2015-12-31得票数 7
回答已采纳
我逐渐熟悉了vue中typescript的用法。在阅读vue属性装饰器的文档时，我不能理解这个声明的含义
@Prop({ default: 'default value' }) readonly propB!: string
浏览 0提问于2019-12-29得票数 6
我要去找google.maps.Map。我在文档中看不到official way。但我看到整个组件都是exportedAs。但是当我在模板中使用它时： <google-map [center]="{lat: mapaLat, lng: mapaLng}"
[zoom]="mapaZoom" [options]="{mapTypeControl: true}"
#mapInstance="googleMap"></google-map> 它是局
浏览 28提问于2021-10-07得票数 0
回答已采纳
我用TypeScript写了很多代码，但巴别塔很少，我知道TypeScript是如何在装饰器上工作的，而且巴别塔也支持装饰器，它们的行为是一样的吗？
浏览 26提问于2018-02-12得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
