微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/wenti/3280543.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐