TS基本数据类型


前言

目前Vue3已经是推荐使用typescript了


一、Typescript是什么?

Typescript是JavaScript的超集

二、基本数据类型

1.Boolean

代码如下(示例):

// 声明布尔值
let bool1: boolean = true;

let bool2: boolean;
bool2 = true;


let bool3 = true;//没有设置类型,会进行类型推断

// bool3 = 123;这里会报错,bool3已经推断为boolean类型。


// 以下写法,没法进行类型推断
let bool4;

bool4 = true;

bool4 = 123;

2.Number

代码如下(示例):

let num: number = 1

3.String

代码如下(示例):

let num: string = 'hhh'

4.Array

代码如下(示例):

let arr1: string[] = [];
// 上面的写法和下面的写法,完全等价
let arr2: Array<string> = [];
// 联合类型:高级类型
let val: string | number = 123;
val = "abc";

// 数组有多个类型
let arr3: (string | number)[] = [1, "abc"];

let arr4 = [1, "a", true]; //这个写法会进行类型推断:(string | number | boolean)[]

5.Object

在typescript中,不使用object类型,使用接口进行替代。
代码如下(示例):

// 声明接口:
interface Person {
  name: string;
  age: number;
}
let obj: Person = {
  name: '张三',
  age: 0,
};

6.null undefined

一般情况下,是用不会声明变量为null和undefined,一般直接使用,比如函数返回值。

const nullValue: null = null;
const undefValue: undefined = undefined;

null 和 undefined可以赋值给其他类型。其他类型兼容null和undefined
前提:“strictnullchecks”: false

7.类型兼容

// obj1的类型:
{
  name: string;
  age: number;
}

// obj2的类型:
{
  name: string;
  age: number;
  height: number;
}

obj1 可以兼容 obj2
obj2 不可以兼容 obj1

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...