TypeScript 快速入门

简介

TypeScript 是 JavaScript 的超集。

如何进行类型注解

ts的类型标注只需在变量后方添加冒号：:，然后指定类型即可。

1. 对变量进行类型注解

   let name: string = 'zhangsan' // name的类型是string
   let count: number = 0 // count的类型是number
   let isOk: boolean = true // isOk的类型是boolean
   let list: number[] = [1, 2, 3] // list的类型是number[]
   let student: {
     // student.age为number类型
     age: number
     // student.name为string类型
     name: string
   } = {
     age: 18,
     name: 'zhangsan'
   }

2. 对函数进行类型注解

   /**
    * 普通函数
    * @param x x为number类型
    * @param y y为number类型
    * @returns 返回值为number类型
    */
   function add(x: number, y: number): number {
   }
   
   /**
    * 箭头函数
    * @param x x为number类型
    * @param y y为number类型
    * @returns 返回值为number类型
    */
   const add2 = (x: number, y: number): number => {
   }

3. interface

   interface Student {
     age: number
     name: string
   }
   
   const student1: Student = {
     age: 18,
     name: '张三'
   }
   
   const student2: Student = {
     age: 19,
     name: '李四'
   }

4. 类型推断

   let name = 'zhangsan' // 根据赋值的内容自动推断name的类型是string
   let count = 0 // 根据赋值的内容自动推断count的类型是number
   
   function add(x: number, y: number) {
     return x + y
   }
   let score = add(61, 59) // 根据函数返回值的内容自动推断score的类型是number

最近更新：6/28/2024, 10:42:53 PM

原文链接：TypeScript 快速入门

上一篇：typescript编译为javascript|下一篇：浏览器使用js解析jwt