网站建设资讯

NEWS

网站建设资讯

typescript如何使用

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

创新互联公司总部坐落于成都市区,致力网站建设服务有成都网站建设、网站建设、网络营销策划、网页设计、网站维护、公众号搭建、重庆小程序开发、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!

基本类型

字符串,数字,布尔

let name: string = '小仙女';

let age: number = 18;

let sex: boolean = false;

数组

let names: Array = ['小仙女', '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 = ['小仙女', '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如何使用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网页题目:typescript如何使用
文章出自:http://cdweb.net/article/ipidij.html