前端 TS 快速入门之一:基本数据类型

简介: 前端 TS 快速入门之一:基本数据类型

前言:ts 对数据类型进行约束及检测。比如:数据约束了是 number 值,给它赋值 string 或 boolean 值时,ts 会报错。

1. ts 数据类型

布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null、Undefined、Nerver、Object、类型断言

2. 例子

// 布尔值
let tsBoolean: boolean = false;
// 数字
let tsNumber: number = 123;
// 字符串
let tsString: string = "abc";
// 数组
let tsListNum: number[] = [1, 2, 3, 4];
let tsListStr: string[] = ["A", "B", "C", "D"];
let tsListMix: any[] = ["A", 1, "B", 2, { a: 12 }];
let tsLintStr2: Array<string> = ["A", "B", "C", "D"];
// 元组
let tsTuple: [string, number] = ["AA", 222];
// 枚举
enum Color {
  Red,
  Green,
  Pink,
}
let tsEnum: Color = Color.Green;
// Null
let tsNull: null = null;
// Undefined
let tsUndefined: undefined = undefined;
// Object
let tsObject: object = { a: "aaaa" };
// Void
function tsVoidFun(a: string, b: string): void {
  console.log(a + b);
}
// Nerver
function error(message: string): nerver {
  throw new Error(message);
}
// 类型断言
let strLength: number = (someValue as string).length;

下一章:下一站:前端 TS 快速入门之二:接口


目录
相关文章
|
1天前
|
存储 JavaScript 前端开发
vue 快速入门+vite前端构建工具
vue 快速入门+vite前端构建工具
4 0
|
1月前
|
前端开发 JavaScript
前端 TS 快速入门之三:class 类
前端 TS 快速入门之三:class 类
36 1
|
1月前
|
存储 前端开发 JavaScript
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
|
1月前
|
前端开发
前端 TS 快速入门之六:枚举 enum
前端 TS 快速入门之六:枚举 enum
19 0
|
1月前
|
前端开发
前端 TS 快速入门之五:泛型 T
前端 TS 快速入门之五:泛型 T
22 0
|
1月前
|
前端开发 JavaScript
前端 TS 快速入门之四:函数
前端 TS 快速入门之四:函数
9 0
|
1月前
|
前端开发
前端 TS 快速入门之二:接口
前端 TS 快速入门之二:接口
28 0
|
23天前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
28 2
|
1月前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
50 1
|
1月前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战

热门文章

最新文章