typescript的学习(接口泛型的理解),node运行ts(typescript)文件_node 运送 ts

// 我们需要全局安装一个依赖
npm i -g typescript
// 但是我们运行ts文件的时候需要先
tsc hello.ts
node hello.js
// 我们想一步到位需要安装一个依赖ts-node
npm i -g ts-node
// 安装完成以后直接运行
ts-node hello.ts
// 今天运行的时候报错了 return new TSError(diagnosticText, diagnosticCodes)；解决方法，安装以后就好了
npm install -D tslib @types/node 
1
2
3
4
5
6
7
8
9
10
11

因为学过java,习惯性的会把两者混到一块，导致感觉不对劲。

interface girl {
  name: string
  age: number
}

interface boy {
  name: string
  girlsFriend: string
}

interface person {
  name: string
}

function add<T extends person>(t: T): T{
  let data: T = t;
  data.name = "范冰冰";
  return data;
}


console.log(add<boy>({ name: "刘亦菲", girlsFriend: "处于有" }));
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// 我们都知道ts最大的用处就是限制数据类型, 我最终是要这个数组里面放对象，而是对象里面还要有知道的属性，我们不要想着一步到位
// 其实我们就是可以把我们的接口理解为定义的数据类型，就和基本数据类型一样
let girlsList:girl[] = [{name:"杨幂",age:15}]
1
2
3

http://ts.xcatliu.com/advanced/generics.html

js里面会自动将字符串转换为数字，这里是有区别的。

https://www.bilibili.com/video/BV1UD4y1m7Gw?p=10&spm_id_from=pageDriver