前端 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 快速入门之二:接口


目录
相关文章
|
3月前
|
前端开发 JavaScript
前端基础(四)_数据类型的强制转换
本文探讨了JavaScript中数据类型的强制转换方法,包括将其他类型转换为Number类型(使用`Number`函数)、转换为String类型(使用`toString`方法或`String`函数)、以及转换为Boolean类型(使用`Boolean`函数)。同时,文章还讨论了`parseInt`和`parseFloat`函数用于从字符串中解析出整数或浮点数,以及`isNaN`函数用于检测一个值是否是非数字。
37 2
前端基础(四)_数据类型的强制转换
|
3月前
|
前端开发 JavaScript
前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换)
本文介绍了JavaScript中的算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性以及数据类型的隐式转换。
64 3
|
3月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
73 2
|
4月前
|
SQL Java 关系型数据库
【前端学java】JDBC快速入门
【8月更文挑战第12天】JDBC快速入门
40 2
【前端学java】JDBC快速入门
|
4月前
|
存储 前端开发 JavaScript
【前端学JAVA】有手就会!10min快速入门java的基础语法(2)
【8月更文挑战第8天】10min快速入门java的基础语法
46 2
【前端学JAVA】有手就会!10min快速入门java的基础语法(2)
|
4月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
448 1
|
4月前
|
JavaScript 前端开发 开发者
前端掌握 ts 的类型体操
【8月更文挑战第23天】前端掌握 ts 的类型体操
52 4
|
4月前
|
前端开发 JavaScript
Web 前端大揭秘!JS 数据类型检测竟如此震撼,一场惊心动魄的代码探秘之旅等你来!
【8月更文挑战第23天】在Web前端开发中,合理检测数据类型至关重要。JavaScript作为动态类型语言,变量类型可在运行时变化,因此掌握检测技巧十分必要。
46 1
|
4月前
|
存储 前端开发 JavaScript
Web前端的奇幻之旅:探索JS数据类型的奥秘与差异
【8月更文挑战第23天】JavaScript是一种动态类型语言,提供多种内置数据类型支持信息的存储与操作。这些类型对Web前端开发者至关重要,直接影响代码性能与可读性。JavaScript数据类型主要分为两大类:原始数据类型(如Undefined、Null、Boolean等)与引用数据类型(如Object、Array等)。原始类型直接存储值,而引用类型存储指向数据的引用。原始类型不可变且存储在栈中,访问更快;引用类型则存储在堆中,可通过其引用进行修改。理解这些差异有助于编写高效、可维护的代码。
48 0
|
6月前
|
存储 JavaScript 前端开发
vue 快速入门+vite前端构建工具
vue 快速入门+vite前端构建工具
103 0