在前端开发中，装饰器（Decorator）是一个非常重要的概念，它可以在不改变类本身的情况下，对类进行扩展，往往被用于实现 AOP（面向切面编程）等复杂的逻辑。而@types/core-decorators是Typescript提供的一个帮助我们定义和使用装饰器的库，本文将为大家讲解如何使用这个npm包。
安装
如果你的项目还没有使用过这个库，可以通过npm进行安装。
npm install --save-dev @types/core-decorators
导入
安装完成后，在TypeScript文件中，可以通过以下方式导入所需的装饰器。
import { autobind, deprecated } from '@types/core-decorators';常用的装饰器
@autobind
官方文档中对@autobind的描述为：将类方法的this绑定到实例上。也就是说，如果你有一个类方法，它是通过事件回调等方式被调用的，那么这个方法中的this可能不是你想要的那个实例对象，而是事件对象或者其他的上下文对象。
使用@autobind可以确保方法中的this一直是实例对象，不需要在每个方法中手动进行绑定。
示例代码：
-- -------------------- ---- -------
------ - -------- - ---- -------------------------
----- --------- -
------- ----- ------ - ------
---------
--------- -
-----------------------
-
-
----- ---- - --- ------------
----- - ------- - - -----
---------- -- -- -----@deprecated
官方文档中对@deprecated的描述为：标记方法或类已过时。
使用@deprecated可以在控制台中输出一个警告，提示开发人员这个方法或类已不推荐使用，建议使用其他的方法或类来替代它。
示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- -------------------------
----- --------- -
----------------------- --------- ------
----------- -
-----------------------
-
----------- -
-----------------------
-
-
----- ---- - --- ------------
----------------- -- ------------- ------------------- -- ----------- ---------- --------- ----
----------------- -- -- ---------@readonly
官方文档中对@readonly的描述为：将一个属性标记为只读，该属性值不能被修改。
使用@readonly可以确保一个属性的值在初始化之后就不能再被修改。
示例代码：
-- -------------------- ---- ------- ------ - -------- - ---- ------------------------- ----- --------- - --------- ----- ------ - ------ - ----- ---- - --- ------------ --------- - -------- -- ------------ ------ -- ------ ------- -- -- - --------- ---------
@suppressWarnings
官方文档中对@suppressWarnings的描述为：按照ID列表忽略tslint规则。
在项目中如果开启了tslint，它会对代码进行静态检查，并给出警告或错误。有时候某些警告是我们可以忽略的，这时候可以使用@suppressWarnings标记一段代码，告诉tslint忽略这个警告。
示例代码：
import { suppressWarnings } from '@types/core-decorators';
class TestClass {
@suppressWarnings('tslint:unused-variable')
unusedVariable() {
const a = 1;
}
}总结
@types/core-decorators这个npm包为我们提供了很多方便的装饰器，它们可以帮助我们实现一些高级的编程技巧，并且可以提高代码的可读性和易维护性。当然，这只是其中一小部分装饰器的使用方式，如果想要更详细地了解这个库，可以查看官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-core-decorators