0
0
TypeScript 快速入门
2024-06-28
文章摘要
|
简介
TypeScript 是 JavaScript 的超集。
如何进行类型注解
ts的类型标注只需在变量后方添加冒号::,然后指定类型即可。
- 对变量进行类型注解
ts 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' } - 对函数进行类型注解
```ts
/**
- 普通函数
- @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. interfacets
interface Student {
age: number
name: string
}
const student1: Student = { age: 18, name: '张三' }
const student2: Student = {
age: 19,
name: '李四'
}
4. 类型推断ts
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 ```
