文章目录
前言
目前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 举报,一经查实,本站将立刻删除。