速学TypeScript-精简划重点手册-上册

//数组类型

myNumberOneNum: number[] = [1, 2, 3, 4];

myNumberOneStr: string[] = [“1”, “2”, “3”, “4”];

//Arrray可以是任意类型，和List相似

myNumberTwo: Array = [1, 2, 3, 4];

myNumberThree: Array = [“1”, “2”, “3”, “4”];

//元组类型 []里面数量可以随意，但是后面赋值对应位置类型要一致

myGroup: [string, number, boolean] = [“1”, 1, true];

start() {

this.words = 您好，今年是 ${this.myName} 更文 ${this.years + 1} 周年;

let flag: boolean = true; //布尔类型

let myGroup: [string, number, boolean];

myGroup = [“2”, 2, false];

//当然也可以根据数组index来赋值

myGroup[0] = “芝麻粒儿”;

myGroup[1] = 3;

myGroup[2] = true;

console.log(MeiJu.枚);

// let nullAndUnOne: number;

// nullAndUnOne = 1; // 运行正确

// nullAndUnOne = undefined; // 运行错误-可以看到有红色底线提示错误

// nullAndUnOne = null; // 运行错误-可以看到有红色底线提示错误

// let nullAndUnTwo: number | null | undefined;

// nullAndUnTwo = 1; // 运行正确

// nullAndUnTwo = undefined; // 运行正确

// nullAndUnTwo = null; // 运行正确

}

//没有返回值的方法 也可以不用void methodTwo() {}

methodOne(): void {

}

methodTwo() {

}

}

注意：

1. 声明变量，如果是基础类型，则建议必须赋初始值，否则编译器检查出错，这也是考虑健壮性。

2. 注意null和undefined是类型，和Java或c#有些许区别，当你是指定的基础类型后无法再赋值null或undefined，如果需要你要在创建变量的时候就要加上!

3. 可用 | 来支持多种类型，如上图所示。如果想初始变量可为null，则：_jumpStep: number | null = null;

😜变量声明

和小空进行实际操作过的小伙伴可能发现了上面是用let来声明的变量，这和var有什么区别呢？

其一是作用域奇怪（比如if里面声明的变量，在下方if的外面竟然还能访问），作为Android和Unity开发，使用习惯了Java和C#，突然来这么一出特别容易让人抓狂，稍不留意就死在这了，MMP的。

其二是同一个变量声明多次一点事没有？闹呢？这稍有不留意下面引用不就乱套了？咋？想搅屎棍儿一样？在哪都插那么两下？

总之，就是特别容易让人上头。所以let就是解决这些问题的，她能明确的区分变量的作用域，{}花括号内声明的变量外部不能访问。这和Java及C#就一致了。

哎，这个时候有的小伙伴又要问了，我记着还看见了const，那又是干啥的？

别急，小空接着说，const作用域和let一样，他主要有一个特点就是后续无法再重新赋值了。我记着C#好像也有这么一回事，之前还用过，现在想不起来了。

😜作用域

和多数编程语言一样，全局变量，局部变量，静态变量，分文不差。注意，小空说的是TypeScript，不是JavaScript。经过上面变量声明的解释，了解到原因后，以后写代码就会发现，啊，真是太爽了。

😜运算符

都是编程里面通用的基础知识。

算数运算符（+，-，*，/，%，++，–）

逻辑运算符（&&，||，!）

关系运算符（==，!=，>，<，>=，<=）

按位运算符（&，|，~，^，<<，>>，>>>）

赋值运算符（=，+=，-=，*=，/=）

三元/条件运算符（？：）

😜typeof 运算符

她是一元运算符，返回操作数的数据类型。

let typeOfOne: number = 1;

console.log(typeof typeOfOne); //输出结果：number

😜判断条件/循环

仍然是编程老鸟的基础内容。

if 语句 - 只有当指定条件为 true 时，执行if里面的代码代码

if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行else里面的代码

if…else if…else 语句- 使用该语句来选择多个代码块之一来执行

switch 语句 - 使用该语句来选择多个代码块之一来执行

for 循环语句 for…in 循环语句 while 循环 for…of 、forEach、every 和 some 循环 break continue

for…of是ES6引入的循环，来替代for…in和forEach，允许遍历Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构，所以她遍历出来的是键对应的值。更新详情看目录 Map对象 里面的代码

//数组类型-for…in 和for…of的区别

myNumberOneNum: number[] = [7, 2, 6, 4];

for (const num in this.myNumberOneNum) {

console.log(num); //输出结果：0 1 2 3

}

for (const num of this.myNumberOneNum) {

console.log(num); //输出结果：7 2 6 4

}

👉其他

---

📢作者：小空和小芝中的小空
📢转载说明-务必注明来源：https://zhima.blog.csdn.net/
📢欢迎点赞👍收藏🌟留言📝
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

最后

希望本文对你有所启发，有任何面试上的建议也欢迎留言分享给大家。

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

好了~如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
留言。一定会认真查询，修正不足。谢谢。

[外链图片转存中…(img-ZyXGYYV4-1715418020543)]

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！