TypeScript笔记---泛型

在定义函数或者类时，如果类型不明确就可以使用泛型。

1. 泛型的使用

1. 在函数声明或者类声明时使用去定义泛型T：

   function fn<T>(a: T): T{
       return a;
   }
   
   class A<T>{
       constructor(a: T){
           this.a = a;
       }
   }

2. 泛型可以使用多个：

   function fn<T, K>(a: T, b: K): T{
       return a;
   }

3. 可以对泛型做一些限制：

   interface Inter{
       length: number;
   }
   function fn<T implements Inter>(a: T): T{
       return a;
   }

   2. 练习

4. 使用下面的命令生成配置文件

   npm init -y

5. 安装webpack相关依赖

   npm i -D webpack webpack-cli typescript ts-loader html-webpack-plugin webpack-dev-server

6. 配置webpack.config.js文件如下

   const path = require('path');
   const HTMLWebpackPlugin = require('html-webpack-plugin');
   
   module.exports = {
       entry: "./src/index.ts",
       output: {
           path: path.resolve(__dirname, 'dist'),
           filename: "bundle.js"
       },
       module: {
           rules: [
               {
                   test: /\.ts$/,
                   use: 'ts-loader',
                   exclude: /node-modules/
               }
           ]
       },
       plugins: [
           new HTMLWebpackPlugin({
               template: "./src/index.html"
           }),
       ]
   };

7. 配置tsconfig.json文件如下

   {
       "compilerOptions": {
           "module": "es2015",
           "target": "es2015",
           "strict": true,
           "noEmitOnError": true
       }
   }

8. 编辑index.ts

打赏