属性装饰器和其他装饰器功能类似，其设计也是为了统一的、复用度更高的去监听，改变属性。
在现代 Web 应用中，为了让代码能在生产环境高性能的运营，源代码往往需要被编译打包，进行死码删除，代码转换等处理。
Decorator（装饰器）是ECMAScript中一种与class相关的语法，用于给对象在运行期间动态的增加功能。Node.js还不支持Decorator，可以使用Babel进行转换，也可以在TypeScript中使用Decorator。本示例则是基于TypeScript来介绍如何在node服务中使用Decorator。
TypeScript从入门到实践专栏是博主在学习和工作过程中的总结，实用性非常强，内容会不断进行精进，欢迎订阅哦，学会TS不迷路。
编辑器首选MS自家开发的VS Code (推荐)。当然，Webstorm在2016年2月推出的版本内置了TS编译器，atom 需要安装 atom-typescript包，sublime需要安装Typescript-sublime-plugin。
ts作为一个超级js，这两年是越来越火，我辈中人如何能不馋他，故观其大概后，迫不及待分享给大家，自己加深印象同时，又帮助大家，岂不美哉！本文分为三个部分，基础语法，进阶语法，以及高级语法，主要是讲解常用语法使用，方便以后忘记之处及时查阅！
前言 vue3已经发布了，ts的脚步已经阻拦不住了，还只会es6?别想了，人家都已经在行动了，以下是ts的基本系列教程，ts的基本语法，高级语法等，以及在vue项目中如何应用ts，跟着我赶紧撸起来吧。
最近两年TypesScript简称“Ts”越来越火了，而且还在持续高涨。相信在不久后的将来，它将会成为我们日常开发中不可缺少的部分。我这么说是有依据的，因为在前端最火的框架中就已经有两个都更好的在支持使用Ts编写代码了，相信已经在使用中的朋友已经尝到香味了。
正在着手写 THE LAST TIME 系列的 Typescript 篇，而Decorator 一直是我个人看来一个非常不错的切面方案。所谓的切面方案就是我们常说的切面编程 AOP。一种编程思想，简单直白的解释就是，一种在运行时，动态的将代码切入到类的指定方法、指定位置上的编程思想就是 AOP。AOP 和我们熟悉的 OOP 一样，只是一个编程范式，AOP 没有说什么规定要使用什么代码协议，必须要用什么方式去实现，这只是一个范式。而 Decorator 也就是AOP 的一种形式。
最近用nestjs做了一个前后端的全栈项目，在nestjs中看到的装饰器无处不在，今天主要回顾下关于装饰器的那些事
TypeScript是JavaScript类型的超级，他可以编译成纯的JavaScript。TypeScript可以在任何浏览器，任何计算机和任何操作系统上运行，并且是开源的。 Angular从V2.x开始使用TS编写；Vue.js从V3开始使用TS编写； 中文网：https://www.tslang.cn/
TypeScript 是一个由微软开发的开源编程语言，它是 JavaScript 的超集，意味着 TypeScript 包含了 JavaScript 的所有特性，同时还提供了一些新的特性和语法糖。TypeScript 可以帮助开发者在开发大型应用时提高代码可维护性、可读性和可靠性。本文将介绍 TypeScript 的一些进阶使用方法，并且提供代码示例。
阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错过。
Nestjs的哲学：完全支持Typescript并解决架构问题，在服务器端提供开箱即用的应用架构，让开发人员和团队能够创造出高可测试、可扩展、松耦合、易维护的应用。
时间过得真快啊，转眼还有十多天就2021了。年前计划的目标还有好多没有实现，愧疚啊！ 2020唯一让我值得骄傲的是找到了一份满意的工作，有足够的自己时间，来做自己的事情。坚持了100天的跑步，体重从185减到现在的157，我就不在这里做总结了，等年底最后一天，来一个年度总结。
class 类名<T> { name!: T; hobby!: T; } # 这样这个类的所有类型为 number let 实例 = new 类名<number>();
为了创建一个基本的控制器，我们必须将元数据附加到类中。Nest 知道如何映射我们的控制器到相应的路由。
组件是 Angular 应用中的基本构造块。 它们在屏幕上显示数据，监听用户输入，并且根据这些输入执行相应的动作。 像一组html的集合，可与用户交互，可复用， 创建好的项目的src目录下有个app目录，这是整个程序的根组件 app.component.ts— 组件的类代码，这是用 TypeScript 写的。
JS 的装饰器还在提案中（提案了好久），还没进入正式标准，掌握半成品实在性价比不高。
类装饰器顾名思义是对类的内容进行修饰，在Typescript 类其实就是对象，这样配合原型对象操作可以达到操作类的目的。
在 oop 中，继承是实现多态最简单的方案。同一类的对象会有不同表现时，我们基于此基类去写派生类即可。但有时候，过度使用继承会导致程序无法维护。比如说，人有一个展示自己外观的方法，穿上不同的衣服这个展现形式就不一样。一个人可以选择穿 T-shirt，裤子，裙子，外套等等，它的顺序和搭配是不固定的，如果使用继承，我们对每种组合都需要去定义一个类，比如穿裤子的人，穿裙子的人，穿裤子和裙子的人，先穿裤子再穿外套的人......这样会是我们的程序变得非常庞大而难以维护。 事实上，不管穿什么衣服，本质上仍然是人，衣服只是基于人类的装饰而已。装饰器模式允许向一个现有的对象添加新的功能，同时又不改变其结构。这种类型的设计模式属于结构型模式，它是作为现有的类的一个包装。
要做Node.js编程嘛，Node.js是必须安装的，大家可以到官网(https://nodejs.org)下载安装，推荐安装LTS版本。
本文阿宝哥将从六个方面入手，全方位带你一起探索面向对象编程中 IoC（控制反转）和 DI（依赖注入） 的设计思想。阅读完本文，你将了解以下内容：
总所周知，Vue新版本3.0 使用 TypeScript 开发，让本来就很火的 TypeScript 受到更多人的关注。虽然 TypeScript 在近几年才火，但其实它诞生于2012年10月，正式版本发布于2013年6月，是由微软编写的自由和开源的编程语言。TypeScript 是 JavaScript 的一个超集，扩展了 JavaScript 的语法，添加了可选的静态类型和基于类的面向对象编程。
装饰器（Decorator）是一种特殊类型的声明，它能够被附加到类声明、方法、属性或参数上，装饰器的本身。其本身是一个函数，会在运行的时候被调用，被装饰的声明信息会作为参数传递给装饰器函数，当作形参。装饰器本质上主要是在操作原型对象，通过给原型对象 prototype添加一些方法和属性，来扩展类的功能。 装饰器主要分为类装饰器（接收1个参数）、属性装饰器（接收2个参数）、方法装饰器（接收3个参数、参数装饰器（接收3个参数），不同装饰器接收参数也不一同。另外TS内置了装饰器类型，我们直接用就好了。
函数声明（Function Declaration）和函数表达式（Function Expression）
Nest 与 class-validator[1] 配合得很好，它允许我们使用基于装饰器的验证，在dto层中我们可以通过它的一些内置注解完成对参数的一些常用校验。
先看一段代码 import {Controller, Path, GET, POST, PathParam, BodyParam} from 'iwinter' @Path('/api/orders') class OrdersController extends Controller { @GET @Path('/:name/:id', (ctx, next)=> ~~ctx.params.id > 20) getAllOrders(@PathParam('id') id: n
Decorator装饰器是ES7的时候提案的特性，目前处于Stage 3候选阶段（2022年10月）。
英文 | https://levelup.gitconnected.com/typescript-5-0-released-a-quick-overview-3d6bfdf74135
从书写方式上，类型定义、类、抽象类、接口、构造函数、构造器、装饰器、继承等等的一系列语法糖都在向着 C#、Java 等后端语言的面向对象的编程方式发展，也拥有了严格的静态类型检查。
HarmonyOS（鸿蒙操作系统）是华为公司开发的一款基于微内核的分布式操作系统。它是一个面向物联网（IoT）时代的全场景操作系统，旨在为各种类型的设备提供统一的操作系统平台和开发框架。HarmonyOS 的目标是实现跨设备的无缝协同和高性能。
在 GMTC 全球大前端大会上，淘宝前端技术专家陈仲寅在“Node实战”主题专场中发表了《TypeScript多场景开发和实践》的演讲，演讲内容整理如下。更多相关内容请查看文末链接。
首先 nestjs 是什么？引用其官网的原话 A progressive Node.js framework for building efficient, reliable and scalable server-side applications.，翻译一下就是：“一个可以用来搭建高效、可靠且可扩展的服务端应用的 node 框架”。目前在 github 上有 42.4k 的 star 数，人气还是很高的。
在很多时候我们项目越来越大的时候，我们希望去监听局部某些类方法的性能，这个时候我们既不想影响源代码的功能，但又想借助某些方案去窥探类方法内部的运行效能，此时我们就可以考虑使用装饰器对类方法性能进行监听。装饰器相信大家都不陌生了，虽然在 Javasript 里面它仍处于提议阶段，但是我们已经可以 TypeScript 里面运用这个特性，也可以借助 babel 的语法转换在 Javasript 里面使用。
数值类型有很不止 number， bigint也是。同时值的话可以是十进制，二进制，还可以是NaN。
装饰器是一种特殊类型的声明，它能够被附加到类声明，方法， 访问符，属性或参数上，可以修改类的行为。 装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。
方法装饰器在后端编程中见到是比较多的，路由、注入等场景都有大规模的应用。下面是开始学习TS的方法装饰器。
2023 年 3 月 17 日，TypeScript 5.0 正式发布！此版本带来了许多新功能，旨在使 TypeScript 更小、更简单、更快。TypeScript 5.0 实现了新的装饰器标准、更好地支持 Node 和打构建工具中的 ESM 项目的功能、库作者控制泛型推导的新方法、扩展了 JSDoc 功能、简化了配置，并进行了许多其他改进。
比如装饰器如果不配置会报这个错Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning
本文介绍今年上半年使用的的一些技术，做一些个人的学习记录，温故而知新。主要包含了Nestjs、TypeGraphQL、TypeORM相关的知识。本文示例代码以提交到github，可以在这里查看。
最近有个需求需要基于前端技术栈实现一套中间层API接口，用于处理由前端维护的一套JSON配置文件。
Weex 作为一种成熟的跨平台程序框架被运用到许多产品中，有赞也不例外。有赞零售移动端团队从 2018 年就开始使用 Weex 构建页面，据不完全统计，有赞零售移动端有超过300个页面使用到了 Weex 开发！显然，这是一个巨大的开发工程，同时我们也发现基于 JavaScript 的 Weex 开发给我们带来了诸多痛点：
最近公司部分前端工程转 typeScript 的实践中，也尝试了 ts 的写法，诸如依赖注入、控制翻转、注解等。这些概念在 Java 等后端开发中应用可能更为广泛，但也不影响在前端领域的尝鲜。最终的写法如下；
在往期的系列技术文章中我们主要集中分享了前端技术的方方面面，如微组件的状态管理，微组件的跨平台探索，以及有损布局，性能优化等等。还未关注到的同学，如果感兴趣可以查看往期文章。
在前一篇文章《依赖注入基础篇》中，我们了解了依赖注入和控制反转的基本概念，大致知道它是怎么一回事。并通过简单的例子，学习到了在NestJS框架下如何使用依赖注入功能。今天，我们需要再多花点时间，进一步了解更多关于使用NestJS依赖注入的功能细节。
若想进一步了解 Angular CLI 的详细信息，请参考 Angular CLI 终极指南。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
