TypeScript 从零实现 axios 0x0

最新推荐文章于 2024-06-08 11:01:04 发布

原创最新推荐文章于 2024-06-08 11:01:04 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#TS #TypeScript #TS入门 #前端

TypeScript 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了TypeScript的基础安装及使用方法，从环境搭建到基本语法，再到类型约束、接口定义和类的运用，深入浅出地讲解了TypeScript如何增强代码的可读性和维护性。

安装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))

编译结果