TypeScript 从零实现 axios 0x0

最新推荐文章于 2023-11-28 17:13:38 发布

cellinlab

最新推荐文章于 2023-11-28 17:13:38 发布

阅读量318

点赞数

分类专栏： TypeScript 文章标签： TS TypeScript TS入门前端

本文链接：https://blog.csdn.net/funkstill/article/details/104507588

版权

TypeScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

安装TS

npm i -g typescript

Hello World

// greet.ts
function greeter(person) {
  return `Hello ${person}`
}

let user = 'Jack'

console.log(greeter(user))

编译

tsc greeter.ts

编译结果

运行

使用类型约束

// greet.ts
function greeter(person: string) {
  return `Hello ${person}`
}

// let user = 'Jack'
let user = ['a']

console.log(greeter(user))

定义接口

接口可以看做对一个对象的描述

// greet.ts
interface Person {
  firstName: string
  lastName: string
}

function greeter(person: Person) {
  return `Hello ${person.firstName} ${person.lastName}`
}

let user = {
  firstName: 'Jack',
  lastName: 'Ma'
}

console.log(greeter(user))

编译结果

类

// greet.ts
class User {
  fullName: string
  firstName: string
  lastName: string
  constructor(firstName: string, lastName: string) {
    this.firstName = firstName
    this.lastName = lastName
    this.fullName = `${firstName} ${lastName}`
  }
}

interface Person {
  firstName: string
  lastName: string
}

function greeter(person: Person) {
  return `Hello ${person.firstName} ${person.lastName}`
}

let user = new User('Jack', 'Ma')

console.log(greeter(user))

编译结果