跳到主要内容

TypeScript

安装​

npm install -g typescript

编译ts文件：

tsc +文件名

项目创建​

由于之前没有学过nodejs，现在在chatgpt的帮助下完成项目的搭建

现在新建一个nodejs+typescript的项目

mkdir openapi2typescript
cd openapi2typescript
pnpm init

安装依赖：

pnpm install typescript --save-dev
pnpm install @types/node --save-dev
pnpm install ts-node typescript --save-dev
pnpm tsc --init

编辑 tsconfig.json：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "outDir": "./dist",
    "rootDir": "./src",
    "esModuleInterop": true,
    "strict": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

创建源文件夹：

mkdir src

在src下新建一个index.ts文件

const sayHello = (name: string): string => {
  return `Hello, ${name}!`;
}

console.log(sayHello("Node.js with TypeScript"));

修改package.json文件：

  "scripts": {
    "build": "tsc",
    "start": "node dist/index.js",
    "dev": "ts-node src/index.ts"
  },

运行方式：

  1. 先运行build再运行start
  2. 直接运行typescript文件pnpm ts-node src/index.ts也就是pnpm dev

类型​

类型例备注
字符串类型string
数字类型number
布尔类型boolean
数组类型number[],string[], boolean[] 依此类推
任意类型any相当于又回到了没有类型的时代
复杂类型type 与 interface
函数类型() => void对函数的参数和返回值进行说明
字面量类型"a"|"b"|"c"限制变量或参数的取值
nullish类型null 与 undefined
泛型<T>，<T extends 父类型>

例如：

//加在变量后面
let message: string = 'Hello World'

//函数参数
function test(obj: string) {
    console.log(obj)
}

const names = ['Alice', 'Bob', 'Eve']
const lowerNames = names.map((name: string) => name.toLowerCase())
console.log(lowerNames)

//返回值
function add(a: number, b: number): number {
    return a + b
}

Type和Interface​

比较常用 ,建议使用interface，加？代表可选

//type
type  Cat = {
    name: string,
    age: number
}
const cat1: Cat = {name: 'Tom', age: 3}
const cat2: Cat = {name: 'Jerry', age: 5}

//interface

interface Dog {
    name: string,
    age: number
}

const dog1: Dog = {name: 'Tom', age: 3}
const dog2: Dog = {name: 'Jerry', age: 5}

interface Ref<T> {
  value: T
}

const r1: Ref<string> = { value: 'hello' }
const r2: Ref<number> = { value: 123 }
const r3: Ref<boolean> = { value: true }

给对象的方法定义类型​

interface Api {
    foo(): void

    bar(str: string): string
}

function test(api: Api) {
    api.foo();
    api.bar('hello')
}

test({
    foo() {
        console.log('foo');
    },
    bar(str) {
        return str.toUpperCase()
    }
})

0%