前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【OpenHarmony】TypeScript 语法 ② ( 基础数据类型 | 布尔类型 | 数字类型 | 字符串类型 | 数组类型 | 元组类型 | 枚举类型 | 未知类型 | 联合类型 )

【OpenHarmony】TypeScript 语法 ② ( 基础数据类型 | 布尔类型 | 数字类型 | 字符串类型 | 数组类型 | 元组类型 | 枚举类型 | 未知类型 | 联合类型 )

作者头像
韩曙亮
发布2024-06-02 08:28:49
发布2024-06-02 08:28:49
52500
代码可运行
举报
运行总次数:0
代码可运行

一、基础数据类型

TypeScript 是 JavaScript 的超集 , TypeScript 的基础数据类型 与 JavaScript 的基础数据类型 基本相同 , 下面开始介绍 TypeScript 中的基础数据类型 ;

1、布尔类型

TypeScript 中的 布尔值类型 使用 " boolean " 表示 , 取值 true 或 false ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 声明 布尔类型 变量
let bool_true: boolean = true;
let bool_false: boolean = false;

console.log("bool_true : " + bool_true + " , bool_false : " + bool_false);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

2、数字类型

TypeScript 中的 数字类型 使用 " number " 表示 , 所有的数字都是 浮点型数据 , 支持 二进制 / 八进制 / 十六进制 表示 ;

  • 二进制 前面 加上 0b 前缀 ; 0b10 是 2 ;
  • 八进制 前面 加上 0o 前缀 ; 0o10 是 8 ;
  • 十六进制 前面 加上 0x 前缀 ; 0x10 是 16 ;

默认 没有 任何前缀的 数字 , 就是 十进制数字 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 十进制数字
let dec: number = 10;
// 二进制数字
let binary: number = 0b10;
// 八进制数字
let octal: number = 0o10;
// 十六进制数字
let hex: number = 0x10;

// 控制台打印上述变量
console.log("dec : " + dec + " , binary : " + binary + " , octal : " + octal + " , hex : " + hex);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

3、字符串类型

TypeScript 中的 字符串类型 使用 " string " 表示 , 可以将字符串放在 双引号 "" 中 , 也可以放在 单引号 '' 中 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 字符串类型
let str: string = "Tom"
let str2: string = 'Jerry'

// 控制台打印上述变量
console.log("str : " + str + " , str2 : " + str2);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

4、数组类型

TypeScript 中的 数组类型 有两种表示方法 :

  • 使用 数据类型后加上 [] 表示数组类型 , 如 : string[] 字符串数组类型 ;
  • 使用 Array<数据类型> 表示数组类型 , 如 : Array<number> 数字数组类型 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 数组类型
let arr1: string[] = ['Tom', 'Jerry']
let arr2: Array<number> = [18, 12]

// 控制台打印上述变量
console.log("arr1 : " + arr1 + " , arr2 : " + arr2);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

5、元组类型

TypeScript 中的 元组类型 可用于描述 已知 元素数量 和 元素类型 的数组 , 数组 中的元素类型可以不同 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 元组类型
// 为元组赋值时 , 元素的数量和种类必须与声明的类型一一对应
let person: [string, number] = ['Tom', 18]

// 控制台打印上述变量
console.log("person : " + person);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

6、枚举类型

TypeScript 中的 enum 枚举类型 是 JavaScrip之外的 新增的数据类型 , 其作用是 为 一组数值 设置名称 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// 枚举类型
enum Color {Blue, Red, Purple}

// 声明枚举类型变量
let color: Color = Color.Blue

// 控制台打印上述变量
console.log("color : " + color);

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

7、未知类型

TypeScript 中的 未知类型 使用 unknown 表示 , 用于描述 开发阶段不知道变量类型的 变量 , 在运行时再赋予类型 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// unknown 类型
let unknownVar: unknown;

// 控制台打印上述变量
console.log("unknownVar : " + unknownVar + " , type is : " + typeof(unknownVar));

// 为 unknown 变量赋值
unknownVar = 888;

// 控制台打印上述变量
console.log("unknownVar : " + unknownVar + " , type is : " + typeof(unknownVar));

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

代码语言:javascript
代码运行次数:0
运行
复制
[LOG]: "unknownVar : undefined , type is : undefined" 
[LOG]: "unknownVar : 888 , type is : number" 

8、返回值空类型

TypeScript 中的 空类型 使用 void 表示 , 通常用于描述 函数返回值 , 当函数没有返回值的时候 , 就会返回 void 类型 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// unknown 类型
function test(): void {
    // 控制台打印上述变量
    console.log("void 类型示例");
}

// 执行函数
test();

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

代码语言:javascript
代码运行次数:0
运行
复制
[LOG]: "void 类型示例" 

9、null 空类型

TypeScript 中的 null 空类型 表示一个空的对象值 , 值就是 null ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// null 类型
let nullVar: null = null;

// 控制台打印上述变量
console.log("nullVar : " + nullVar + " , type : " + typeof(nullVar));

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

代码语言:javascript
代码运行次数:0
运行
复制
[LOG]: "nullVar : null , type : object" 

10、未定义类型

TypeScript 中的 undefined 类型 表示一个未定义类型 , 声明了变量 没有定义其类型 也 没有为其赋值 , 默认就是该类型 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// undefined  类型
let undefinedVar: undefined  = undefined;

// 控制台打印上述变量
console.log("undefinedVar : " + undefinedVar + " , type : " + typeof(undefinedVar));

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

代码语言:javascript
代码运行次数:0
运行
复制
[LOG]: "undefinedVar : undefined , type : undefined" 

11、联合类型

TypeScript 中的 联合类型 类似于 C 语言中的 union 联合体 , 变量的类型是多个类型中的一种 ;

代码示例 :

代码语言:javascript
代码运行次数:0
运行
复制
// union 联合类型
let unionVar: number|boolean|string  = true;

// 控制台打印上述变量
console.log("unionVar : " + unionVar + " , type : " + typeof(unionVar));

https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

代码语言:javascript
代码运行次数:0
运行
复制
[LOG]: "unionVar : true , type : boolean" 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-06-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、基础数据类型
    • 1、布尔类型
    • 2、数字类型
    • 3、字符串类型
    • 4、数组类型
    • 5、元组类型
    • 6、枚举类型
    • 7、未知类型
    • 8、返回值空类型
    • 9、null 空类型
    • 10、未定义类型
    • 11、联合类型
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档