typescript如何使用
更新:HHH   时间:2023-1-7


本篇内容主要讲解“typescript如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“typescript如何使用”吧!

基本类型

字符串,数字,布尔

let name: string = '小仙女';

let age: number = 18;

let sex: boolean = false;

数组

let names: Array<string> = ['小仙女', 'Ken'];

let ages: number[] = [18, 20];

let sexs: boolean[] = [false, true];

let anys: any[] = ['1', 2, true];

函数参数类型,返回值类型

function call(me: string|number|boolean): any {

  return me;

}

对象类型

let obj: { x: number, y: number } = {x: 10, y: 100};

可选属性

// 基本类型

let name: string = '小仙女';

let age: number = 18;

let sex: boolean = false;

// 数组

let names: Array<string> = ['小仙女', 'Ken'];

let ages: number[] = [18, 20];

let sexs: boolean[] = [false, true];

// 函数

function call(me: string | number | boolean): any {

  return me;

}

// 对象类型

let obj: { x: number; y: number } = { x: 10, y: 100 };

// 可选属性

let person: { name: string; age: number; sex?: boolean } = { name, age };

type 类型

// 对象类型

let obj: { x: number; y: number } = { x: 10, y: 100 };

// 可选属性

let person: { name: string; age: number; sex?: boolean } = { name, age };

// 类型别名

type Point = {

  x: number;

  y: number;

};

function printCoord(pt: Point): void {

  console.log(pt);

}

printCoord(obj);

interface

// 接口

interface Pt {

  x: number;

  y: number;

}

function printCoord1(pt: Pt): void {

  console.log(pt)

}

printCoord1(obj)

到此,相信大家对“typescript如何使用”有了更深的了解,不妨来实际操作一番吧!这里是天达云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

返回web开发教程...