速学TypeScript-精简划重点手册-第二册

简介: 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

有什么需要欢迎私我,交流群让学习不再孤单

👉前提

非小白文,作者拥有几年编程经验,开发Android和Unity,因当下想开发小游戏学习CocosCreator需要用的TypeScript,所以需要了解下该语言知识。小空会挑重点,简单的回带过甚至不提。

适合做成手册,没事翻翻。

👉实践过程

😜变量声明

和小空进行实际操作过的小伙伴可能发现了上面是用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/

https://www.zhihu.com/people/zhimalier

https://juejin.cn/user/4265760844943479

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

相关文章
|
5月前
|
JavaScript 前端开发 程序员
程序员必备技能之JS模块化,改变你的JavaScript开发方式!(一)
程序员必备技能之JS模块化,改变你的JavaScript开发方式!
|
1天前
|
开发者
代码之外:开发者的软技能修炼手册
在软件开发领域,代码只是冰山一角。成为一名优秀的开发者,不仅需要扎实的技术功底,更需具备一系列软技能。本文探讨了沟通能力、时间管理、团队协作、持续学习、解决问题、适应变化、领导力及情绪管理等关键软技能,并提供了实用心得,助力你在开发之路上全面发展。希望你能在这条道路上不仅技术精进,更能成为一名全面发展的优秀开发者。
|
2月前
|
安全 搜索推荐 开发者
"揭秘Python编写的艺术境界:不规范代码的悲剧,规范之美让你事半功倍!"
【8月更文挑战第21天】编写高质量Python代码需遵循规范以提升可读性和可维护性。例如,变量命名应采用小写字母加下划线(如`user_name`而非`uName`),函数命名清晰并避免硬编码(如使用`calculate_circle_area`替代`area_of_circle`并定义精确π值)。此外,添加有意义的注释(如解释冒泡排序逻辑),合理排版(如明确函数参数与返回值),以及适当异常处理(确保文件操作安全),都是良好实践。遵循这些规范能显著提高代码质量和团队协作效率。
26 0
|
5月前
|
前端开发 JavaScript 搜索推荐
< 知识拓展:前端代码规范 >
前端开发中,随着工具组件的多样化,代码的“千人千面”现象带来了管理和维护的挑战。因此,制定代码规范变得至关重要,它能提升代码质量,便于团队协作。命名规范要求文件和目录使用小写和下划线或驼峰式,HTML应合理缩进,属性用双引号,自闭合标签避免斜线。CSS代码遵循HTML缩进,空格和换行有特定规则,注释统一格式。JavaScript中,注重简洁和易读,分号使用需明确,变量命名采用小驼峰,函数调用和声明有特定空格规则。代码规范旨在提高可读性和团队协作效率,但也要避免过度规范。
134 0
< 知识拓展:前端代码规范 >
|
5月前
|
Web App开发 JavaScript 前端开发
程序员必备技能之JS模块化,改变你的JavaScript开发方式!(二)
程序员必备技能之JS模块化,改变你的JavaScript开发方式!
|
5月前
|
JavaScript 前端开发 开发者
CommonJS 模块编程(新思路方便复习笔记)
CommonJS 模块编程(新思路方便复习笔记)
51 0
|
11月前
|
存储
十种高级的代码书写方式,提高代码质量和工作效率
十种高级的代码书写方式,提高代码质量和工作效率
57 0
|
12月前
|
JavaScript 前端开发 IDE
带你读《现代TypeScript高级教程》一、概述(附卷首语)
带你读《现代TypeScript高级教程》一、概述(附卷首语)
100 0
|
JavaScript 前端开发
开心档-软件开发入门之TypeScript 联合类型
联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。
下一篇
无影云桌面