typeScript学习（二）

前面我们学习了关于TS的一些静态数据类型的定义

那么接下来我们来讲解一下数组和元组

这次需要学习的东西比较简单。

1.数组定义数据类型

//定义数组类型的方式
//一、
const numberArr: number[] = [1, 2, 3]
//二、
const arr:Array<number>=[1,2,3]//定义其他类型的数组
const stringArr: string[] = ['a', 'b', 'c']
const undefinedArr: undefined[] = [undefined, undefined]//混合使用的时候
const arr: (number | string)[] = [1, 'string', 2]//type alias 类别别名
type Male= { name: string, age: number }class Boy{name: string;age: number;
}//普通的对对象属性添加类型
const Person: { name: string, age: number }[] = [{ name: "小虎", age: 18 },{ name: "小刘", age: 28 },
]//使用类别别名方式
const Person: Male[] = [{ name: "小虎", age: 18 },{ name: "小刘", age: 28 },
]//使用类的方式
const Person: Boy[] = [{ name: "小虎", age: 18 },{ name: "小刘", age: 28 },
]

2.元组的使用和类型的约束（可以将元组看着是数组的加强版）

//数组定义数据类型：
const Person: (string | number)[] = ['dajiao', 'teacher', 28]//下面的是元组
const Person: [string, string, number] = ['dajiao', 'teacher', 28]
//定义元组后，他的值和值的类型必须一一对应
const Person: [string, string, number][] = [['dajiao', 'teacher', 28],['dajiao', 'teacher', 28],['dajiao', 'teacher', 28]
]

typeScript学习（二）相关推荐

Typescript 学习笔记七：泛型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
TypeScript 学习一参数，函数，析构表达式
1,TypeScript是由微软开发的,不过新出的Angular2框架就是谷歌公司由TypeScript语言编写的,所以现在TypeScript是有微软和谷歌一起支持的: 2,TypeScript在j ...
Typescript 学习笔记一：介绍、安装、编译
前言整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
TypeScript学习总结
TypeScript学习总结前言一.TypeScript是什么? 二.JavaScript 与 TypeScript 的区别三.TypeScript基础 3.3.TypeScript 基础语法 ...
typescript学习之路(三) —— ts定义类的方法（包含es5以及es6的定义类）
提起类,不得不说一下,强类型编程语言,如php,java,c++等都有类的概念.而js作为一门弱类型语言,是没有类这个概念的,虽然也能模拟类的实现,但总归不是类.so,ts也只是模拟类而已,使得更贴切 ...
从0到1学会TypeScript（二）
TypeScript 学习笔记(二) 朋友们,本期内容是关于 TypeScript 的学习,如果您学习过 javaScript ,或 java 等后端语言,我认为您学习的过程将会非常轻松!本期内容包括 ...
typeScript学习笔记day01——小肉包
typeScript学习笔记 class1: 一.javaScript(js)的优缺点 javaScript是在微软公司和网景公司之间爆发的浏览器大战期间,由网景公司的Brendan Eich(布兰登 ...
TypeScript学习记录
TypeScript学习记录 vscode设置自动编译首先使用tsc --init 生成tsconfig.json配置文件 (可以根据需要修改设置) 终端->运行任务->typescri ...
JavaScript TypeScript学习总结
本文章为web课学习JavaScript & TypeScript的学习总结 JavaScript & TypeScript学习总结 JavaScript JS介绍 JS基础标识符 ...
RUST直接升钢指令_[译]参照TypeScript学习Rust-part-1
[译]参照TypeScript学习Rust-1 · 前端在线regx.vip 对于前端,笔者比较认可Rust作为前端开发技术栈投资的,本文系列翻译旨在分享.学习Rust这门语言. Rust常常被认为 ...

typeScript学习（二）

typeScript学习（二）相关推荐

最新文章

热门文章