基础类型

本文介绍了TypeScript中关键概念,如tsconfig.json配置、类型声明(包括基本类型、对象类型、数组类型、类、函数类型)、类型断言和数组注解,以及元组的使用,帮助读者掌握在项目中有效利用TypeScript进行类型安全编程。
摘要由CSDN通过智能技术生成

自动编译

tsc --init 生成tsconfig.json

修改outDir地址

点击终端—>运行任务—>监视typescript

安装ts-node ts-node xxx.ts

数据类型

const count: number = 1

声明同时声明类型 继承Number上所有方法

// 对象类型

const person: {

name: string,

age: number

} = {

name: 'ming',

age: 12

}

必须有name属性 age属性可选 [propName: string]: any 任意属性

let c: {name: string,age?: number,[propName: string]: any} = { name: ‘aaa’, age: 18,b: 11}

// 数组类型

let arr: string [] = [‘11’,‘22’]

let arr: Array = [1,2,3]

class Person {}

const person1: Person = new Person()

//函数类型

const fn: () => String = () => {

return '必须返回String类型'

}

函数返回类型

function getTotal(one: number, two: number) : number{

return one + two

}

const total = getTotal(1,2)

console.log(total);

类型断言

告诉解析器变量的实际类型

s = e as string 变量 as 类型

s = e <类型>变量

数组注解

//定义数值数组

const numArr :number [] = [1,2,3]

//定义字符串数组

const strArr :string [] = [‘a’,‘b’,‘c’]

//定义undefined数组

const undefinedArr :undefined [] = [undefined,undefined]

//定义字符、数值、undefined混合数组

const arr :(string | number | undefined) [] = [1,2,‘3’,undefined]

//定义对象数组

const objArr1 :{name: string, age: number} [] = [{

name: 'ming',

age: 18

}]

// 类型别名

type Lady = {name: string, age: number}

const objArr2 :Lady [] = [{

name: 'ming',

age: 19

}]

class Madam {

name: string;

age: number

}

const objArr3 :Madam [] = [{

name: 'hong',

age: 20

}]

元组

const arr1 :[string,string,number] = [‘zhang’,‘teacher’,28]

// 类型必须一一对应

const arr2 :[string,string,number][] = [

\['zhang','teacher',28\],

\['zhang','teacher',22\],

\['zhang','teacher',21\],

]

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值