TS2304:找不到名称'__decorate‘、'__metadata’和'__extends‘ - 腾讯云开发者社区

这个属性的名称属性装饰器的返回值是被忽略的，所以如果需要修改属性值。...export default class MyComponent extends Vue { @Prop() age!...我们看上面的代码经过 ts 编译后的效果如下，地址 import { __decorate, __metadata } from "tslib"; import "reflect-metadata";...Vue {}; __decorate( [Prop(), __metadata("design:type", Number)], MyComponent.prototype, "age",...装饰器调用defineMetadata存了PATH_METADATA和METHOD_METADATA两个 key，value 分别是请求路径和方法。

9981 0

【nodejs】让nodejs像后端mvc框架（asp.net mvc）一样处理请求--请求处理函数装饰器注册篇（58）【controller+action】

在控制器和处理函数的注册篇中有说到的第三，第四个参数就在这里排上用场拉。...是不是和C#、java里面的特性、标注差不多。...}); const gd_express_basic_1 = require("gd-express-basic"); class HostController extends gd_express_basic...函数 __decorate([ gd_express_basic_1.get(),//调用我们声明的装饰器，返回要处理函数(闭包) __metadata("design:type", Function...到此，我们的controller和action的发现和配置基本上算完成了。

5924 0

您找到你想要的搜索结果了吗？

是的

没有找到

TS 进阶 - 实际应用 03

类装饰器直接作用在类上的装饰器执行时的入参只有一个，即被装饰的类可以通过类装饰器来覆盖类的属性和方法，如果在类装饰器中返回一个新的类，甚至可以篡改整个类的实现 function AddMethod...也可以在装饰中返回一个子类 const OverrideBar = (target: any) => { return class extends target { print() {...foo.value = 'world'; // HijackSetter: Raw: world, Actual:hello-world 属性装饰器属性装饰器在独立使用时能力非常有限其入参只有类的原型和属性名称..._decorate([ // Method(), // __param(0, Param()), // __metadata("design:type", Function),...: string; requestMedthod: string; requestHandler: AsyncFunc; } export const routerFactory = extends

4932 0

NestJs：深入浅出装饰器

第二个参数即为被修饰的属性名称。...Relefect MetaData 元数据之所以这里和大家提到 Relefect MetaData 是因为在 nestjs 中有两个非常核心的概念：IOC(Inversion of Control)...以及 DI(Dependency Injection) 他们内部的实现机制和 Relefect MetaData 息息相关。...由于这篇文章其实篇幅已经过长，关于 MetaData 这部分我们本次稍带一些它的相关概念即可，下一篇文章中我会详细和大家聊聊 nest 中是如何配合 Relefect MetaData 来实现 IOC...Relefect Metadata 更多用于访问和修改元数据，通常我们可以配合 Reflect.metadata 和 decorator 来为装饰器进行一些元数据的定义和存取。

3561 0

JS 中的装饰器

{ return target } @dclass A {}// 它相当于把类作为参数传递给 d 函数，然后再返回一个被函数修改过的类// 等同于A = d(A) || A 它还可以传递自定义参数和使用多个装饰器...react-redux 应用中使用装饰器可以这样使用 connect 方法 @connect(mapStateToProps, mapDispatchToProps)export default class Comp extends...元数据 reflect-metadata 库是来支持实验性的metadata API，这个库还不是ECMAScript (JavaScript)标准的一部分。...string; }class B { fn(@D x: A) { console.log(x) } } 会被转义成 function D(...rest) { }class A { }__decorate...console.log(x); } }__decorate([ __param(0, D), __metadata("design:type", Function), __metadata

5341 0

全新 JavaScript 装饰器实战下篇：实现依赖注入

'function') return Reflect.metadata(k, v) } // 省略部分代码 __decorate([d, __metadata('design:type...', Object)], Foo.prototype, 'member', void 0) __decorate( [ d, __metadata('design:type', Function...), ], Foo.prototype, 'method', null ) __decorate([d, __metadata('design:type', Object)], Foo,...经过重新设计的 Metadata 和 reflect-metadata 不是同一个玩意。这个提案非常简单，就是新增了一个内置 Symbol —— Symbol.metadata。...比如单纯用字符串 key 库名称.{是否静态}.{装饰器位置}.{属性名}，或者创建一个私有 Symbol 按嵌套的结构存储。私有空间。

7353 0

搭建node服务（四）：Decorator装饰器

编译后的代码如下： var __decorate = (this && this....__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? ...类装饰器类装饰器的类型定义如下： type ClassDecorator = extends Function>(target: TFunction) => TFunction ...访问符装饰器访问符装饰器的使用与方法装饰器一致，参数和返回值相同，只是访问符装饰器用在访问符声明之前。需要注意的是，TypeScript不允许同时装饰一个成员的get和set访问符。..., curPath, error); } } } export default class ScanRouter extends KoaRouter { constructor

1.7K2 0

了不起的 IoC 与 DI

这里阿宝哥简单介绍一下 AngularJS DI 系统存在的几个问题：内部缓存： AngularJS 应用程序中所有的依赖项都是单例，我们不能控制是否使用新的实例；命名空间冲突：在系统中我们使用字符串来标识服务的名称...HttpService(httpClient) { this.httpClient = httpClient; } var _a; HttpService = __decorate...在新的函数中，我们使用 reflect-metadata 这个库提供的 defineMetadata API 来保存参数相关的元信息。这里是保存 index 索引信息和 Token 信息。...我们定义了一个 getTokenName 方法来获取 Token 对应的名称： private getTokenName(token: Token) { return token instanceof...HttpClient, @Inject(API_URL) private apiUrl: string ) {} } 以上代码若设置编译的目标为 ES5，则会生成以下代码： // 已省略__decorate

2.7K3 0

最全的Excel导入导出实战（通用版）, 注解+反射优雅的实现

BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */ @ExcelProperty(value...BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */ @ExcelProperty(value...; writer.write1(data,sheet); } catch (FileNotFoundException e) { log.error("找不到文件或文件路径错误...filePath); objects.forEach(System.out::println); } /** * 读取少于1000行的excle，可以指定sheet和从几行读起...BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */

1.4K2 0

高性能消息中间件 NSQ 解析-nsqd 的实现介绍

= nil { logFatal("failed to load metadata - %s", err) } err = p.nsqd.PersistMetadata() if err...= nil { logFatal("failed to persist metadata - %s", err) } go func() { err := p.nsqd.Main...", http_api.Decorate(s.doDeleteTopic, log, http_api.V1)) http-Decorate 路由分发 // 位于 internal/protocol/...err = fmt.Errorf("failed to send response - %s", err) break } } nsqd 也会同时开启 tcp 和...http 服务，两个服务都可以提供给生产者和消费者，http 服务还提供给 nsqadmin 获取该 nsqd 本地 topic 和 channel 信息。

1.2K2 0

golang-nsq系列(二)--nsqd源码解析

上一篇初识了 nsq 三个模块(nsqd, nsqlookupd, nsqadmin)的 demo演示，本篇则从源码开始，一步一步去解析 nsqd 的执行流程和逻辑处理，学习别人优秀的项目架构，以期学以致用...= nil { logFatal("failed to load metadata - %s", err) } err = p.nsqd.PersistMetadata() if err...= nil { logFatal("failed to persist metadata - %s", err) } go func() { err := p.nsqd.Main...(s.pingHandler, log, http_api.PlainText)) router.Handle("GET", "/info", http_api.Decorate(s.doInfo,...)) router.Handle("POST", "/mpub", http_api.Decorate(s.doMPUB, http_api.V1)) router.Handle("GET",

4582 0

设计模式之装饰者模式

/** * Decorate the given bean definition through a namespace handler, if applicable....如果使用，通过名称空间处理程序装饰给定的beanDefintion * @param ele the current element 当前元素ele * @param originalDef the...Nullable BeanDefinition containingBd) { BeanDefinitionHolder finalDefinition = originalDef; // Decorate...attributes.item(i); finalDefinition = decorateIfRequired(node, finalDefinition, containingBd); } // Decorate...= null) { BeanDefinitionHolder decorated = handler.decorate(node, originalDef

2431 0

需加装饰——装饰模式

装饰模式指的是在不必改变原类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的对象。...类图分析我们先假设一个业务场景，有三种房子需要装修，分别是公寓，木屋和别墅，装修的方式有刷墙和摆满鲜花。...截止到Decorate部分，左上部分完全与组合模式相同，Decorate类是装饰类的核心类。...class Decorate extends House { protected House house; public Decorate() { // 给出一个默认值...package pattern.decorate; public class GreenWallHouse extends Decorate { public GreenWallHouse(

7923 0

史上最全的Excel导入导出（easyexcel版）

BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */ @ExcelProperty(value... BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */ @ExcelProperty(value...; writer.write1(data,sheet); } catch (FileNotFoundException e) { log.error("找不到文件或文件路径错误...filePath); objects.forEach(System.out::println); } /** * 读取少于1000行的excle，可以指定sheet和从几行读起... BaseRowModel { /** * value: 表头名称 * index: 列的号, 0表示第一列 */

2.4K4 0

从零开始单排学设计模式「装饰模式」黑铁 I

装饰模式装饰模式（Decorator）指的是在不必改变类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的对象。...(person); bigTrouser.decorate(sneakers); tShirts.decorate(bigTrouser); tShirts.show...(person); tie.decorate(leatherShoes); suit.decorate(tie); suit.show(); }...2、修饰类引用和继承 Component 类，具体扩展类重写父类方法。应用实例： 1、孙悟空有 72 变，当他变成"庙宇"后，他的根本还是一只猴子，但是他又有了庙宇的功能。...在挂在墙上之前，画可以被蒙上玻璃，装到框子里；这时画、玻璃和画框形成了一个物体。

3642 0

设计模式（二） | 装饰模式---穿什么有这么重要？

Person{ protected Person component; //打扮 public void Decorate(Person component){ this.component...= null){ component.show(); } } } //继承功能类 public class BigTrouser extends Finery...public void show(){ System.out.println("垮裤"); super.show(); } } //继承功能类 public class TShirts extends...* */ w.Decorate(xc); ws.Decorate(w); bt.Decorate(ws...优点：把类的核心职责和装饰功能区分开来，去除相关类中重复的装饰逻辑。简化原有类。往期回顾设计模式（一） | 啥是工厂模式和策略模式？

2642 0

细数这些年被困扰过的 TS 问题

其中 T 代表 Type，在定义泛型时通常用作第一个类型变量名称。但实际上 T 可以用任何有效名称代替。...和 @Injectable() 最终会被转换成普通的方法调用，它们的调用结果最终会以数组的形式作为参数传递给 __decorate 函数，而在 __decorate 函数内部会以 Device 类作为参数调用各自的类型装饰器...5.2 函数重载函数重载或方法重载是使用相同名称和不同参数数量或类型创建多个方法的一种能力。...的普通映射之外，它还支持从成员值到成员名称的反向映射。...与常规属性（甚至使用 private 修饰符声明的属性）不同，私有字段要牢记以下规则：私有字段以 # 字符开头，有时我们称之为私有名称；每个私有字段名称都唯一地限定于其包含的类；不能在私有字段上使用

15.3K7 3

如何在 React 组件中优雅的实现依赖注入

InversifyJS InversifyJS 是一个强大、轻量的依赖注入库，并且使用非常简单，但是把它和 React 组件结合使用还是有些问题。...我们通过一个例子来看看如何解决这个问题： import "reflect-metadata"; import * as React from "react"; import { render } from.../providers"; export class Hello extends React.Component { private readonly nameProvider: IProvider...react-inversify'; class Dependencies { constructor(todos) { this.todos = todos; } } inversify.decorate...(inversify.injectable(), Dependencies); inversify.decorate(inversify.inject(Todos.TypeTag), Dependencies

5.7K4 1

【php设计模式】装饰器模式

Component为统一接口，也是装饰类和被装饰类的基本类型。 ConcreteComponent为具体实现类，也是被装饰类，他本身是个具有一些功能的完整的类。...{ $this->comm = $comm; } abstract function operation(); } class ConcreteDecoratorA extends...this->comm->addElement("被A修饰后的"); $this->comm->operation(); } } class ConcreteDecoratorB extends...= new ConcreteDecoratorA($comm); $decorate_a->operation(); // 输出 “被A修饰后的具体实现类” $decorate_b = new ConcreteDecoratorB...($comm); $decorate_b->operation(); // 输出 “被B修饰后的被A修饰后的具体实现类” 什么时候使用？

3393 0

设计模式（二）之装饰模式 | 说好了面向对象，谁也不许赖谁~

public void show(){ System.out.println("装扮的"+name); } } //功能的抽象类 public class Finery extends...Person{ protected Person component; //打扮 public void Decorate(Person component){ this.component...= null){ component.show(); } } }//继承功能类public class BigTrouser extends Finery {...* */ w.Decorate(xc); ws.Decorate(w); bt.Decorate(ws); bt.show...优点：把类的核心职责和装饰功能区分开来，去除相关类中重复的装饰逻辑。简化原有类。为你推荐以下文章设计模式（一） | 啥是工厂模式和策略模式？

1431 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

2020的最后一天，不妨了解下装饰器

【nodejs】让nodejs像后端mvc框架（asp.net mvc）一样处理请求--请求处理函数装饰器注册篇（58）【controller+action】

TS 进阶 - 实际应用 03

NestJs：深入浅出装饰器

JS 中的装饰器

全新 JavaScript 装饰器实战下篇：实现依赖注入

搭建node服务（四）：Decorator装饰器

了不起的 IoC 与 DI

最全的Excel导入导出实战（通用版）, 注解+反射优雅的实现

高性能消息中间件 NSQ 解析-nsqd 的实现介绍

golang-nsq系列(二)--nsqd源码解析

设计模式之装饰者模式

需加装饰——装饰模式

史上最全的Excel导入导出（easyexcel版）

从零开始单排学设计模式「装饰模式」黑铁 I

设计模式（二） | 装饰模式---穿什么有这么重要？

细数这些年被困扰过的 TS 问题

如何在 React 组件中优雅的实现依赖注入

【php设计模式】装饰器模式

设计模式（二）之装饰模式 | 说好了面向对象，谁也不许赖谁~

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐