它可以用来表示整数和分数。和JavaScript一样,TypeScript里的所有数字都是浮点数。支持十进制、十六进制、二进制、八进制字面量。
let decLiteral: number = 6; // 十进制
|
| 字符串类型 | string |
表示字符串,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本以及用${}内嵌表达式。
let name: string = “小陈”;
let words: string = `您好${ name }`;
|
| 布尔类型 | boolean |
表示逻辑值:true 和 false。在JavaScript和TypeScript里叫做boolean
|
| 数组类型 | 无 |
声明变量为数组。
// 在元素类型后面加上[]
let arr: number[] = [1, 2];
// 或者使用数组泛型,Array<元素类型>
let arr: Array = [1, 2];
|
| 元组(Tuple) | 无 |
元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
let x: [string, number];
x = [‘小陈’, 1]; // 运行正常
x = [1, ‘小陈’]; // 报错
console.log(x[0]); // 输出 小陈
x[3] = ‘world’; // 越界的元素会使用联合类型替代,可以赋值给(string | number)类型
|
| 枚举 | enum |
枚举类型用于定义数值集合,可以为一组数值赋予友好的名字。
enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log©; // 输出 2
let cName: string = Color[2];
console.log(cName); // 输出 Blue
|
| void | void |
用于标识方法返回值的类型,表示该方法没有返回值。
声明一个void
类型的变量没什么用,你只能为它赋予undefined
和null
:
function hello(): void {
alert(“Hello”);
}//当一个函数没有返回值时,你通常会见到其返回值类型是 void
|
| null | null |
表示对象值缺失。
|
| undefined | undefined |
用于初始化变量为一个未定义的值
|
| never | never |
never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。
|
这里有个细节就是变量声明 :
const
是对let
的一个增强,它能阻止对一个变量再次赋值。如果在同一作用域内重复声明某个变量或常量就会报错,所有typescript内推荐使用它们来代替 var。
二、类型断言
类型断言可以用来手动指定一个值的类型。
语法:<类型>值 或 值 as 类型
var str = ‘1’ //数字或者所有类型都可以
var str2:number = str //str、str2 是 string 类型
console.log(str2) //用完断言打印数字1
注意:断言不被称为类型转换,是因为转换通常意味着某种运行时的支持。但是,类型断言纯粹是一个编译时语法 。
三、typescript接口
TypeScript的核心原则之一是对值所具有的_结构_进行类型检查,接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。
1.我们通过实例介绍:(interface关键字定义接口)
interface A { //定义了一个接口 A
Name:string,
age:number,
sayHi: ()=>string
}
var customer:IPerson = {
Name:“小陈”,
age:21,
sayHi: ():string =>{return “Hi”}
}
console.log("Customer 对象 ")
console.log(customer.Name) //小陈
console.log(customer.age) //21
console.log(customer.sayHi()) //Hi
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
前端CSS面试题文档,JavaScript面试题文档,Vue面试题文档,大厂面试题文档,需要的读者可以戳这里免费领取!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
[外链图片转存中…(img-Y4dUdbjB-1713561838528)]
最后
前端CSS面试题文档,JavaScript面试题文档,Vue面试题文档,大厂面试题文档,需要的读者可以戳这里免费领取!
[外链图片转存中…(img-WbPGpz0L-1713561838528)]
[外链图片转存中…(img-Sy9dld1N-1713561838528)]