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

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

👉关于作者

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

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

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

👉前提

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

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

👉实践过程

😜函数

除了传统的无参函数,有参函数,返回值函数外,还有可选参数和默认参数的概念

//可选参数函数
        this.methodThree("我的名字");
        //默认参数函数
        this.methodFour();
        //不定参数数量函数
        this.methodFive(0, 1, 2, 3);
        //午餐匿名函数
        let methodNoNameOne = function () {
            return 1 + 2;
        };
        //有参匿名函数
        let methodNoNameTwo = function (numOne: number, numTwo: number) {
            return numOne + numTwo;
        };
        console.log(methodNoNameTwo(1, 2))
        //第二个是可选参数,不传递也没事 关键符是?
        methodThree(myName: string, yourName?: string): void {
        }
        //可以在里面直接利用=设置默认参数,如果不传递会使用该默认值执行方法逻辑
        methodFour(myName: string = "默认参数") {
        }
        //不确定具体参数的函数 和java的...相似
        methodFive(...nums: number[]) {
        }
复制代码

😜Number属性和方法

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

网络异常,图片无法展示
|

网络异常,图片无法展示
|

😜String属性和方法

网络异常,图片无法展示
|

😜数组

该内容很重要,使用很频繁,必须掌握。

//数组类型
myNumberOneNum: number[] = [1, 2, 3, 4];
//指定数组长度
myNumberOneNumOne: number[] = new Array(4);
//new的形式创建
myNumberOneNumTwo = new Array(1,2,3);
myNumberOneStr: string[] = ["1", "2", "3", "4"];
//Arrray可以是任意类型,和List相似
myNumberTwo: Array<number> = [1, 2, 3, 4];
myNumberThree: Array<string> = ["1", "2", "3", "4"];
//只读数组-确保创建后再也不被修改
zhiDu: ReadonlyArray<number> = [1,2,3];
复制代码

网络异常,图片无法展示
|

😜Map对象

他是用来保存键值对的,在创建的时候有个小注意点,会在下方代码里说明,基本属性如下:

map.clear() – 移除 Map 对象的所有键值对和List的clear类似 。

map.set() – 设置键值对。

map.get() – 返回键对应的值,如果不存在,则返回 undefined。

map.has() – 返回布尔类型,用于判断 Map 中是否包含键对应的值。

map.delete() – 删除 Map 中的元素,删除成功返回 true,失败返回 false。

map.size – 返回 Map 对象键值对的长度。

map.keys() - 返回一个 Iterator 对象, 包含了 Map 对象中每个元素的键 。

map.values() – 返回一个新的Iterator对象,包含了Map对象中每个元素的值 。

//map对象
    let mapOne = new Map([["keyOne", "valueOne"], ["keyTwo", "valueTwo"]]);
    //包含了clear、set、get、has、size等方法
    mapOne.set("keyThree", "valueOne");
//注意下方这句会在编译器中检查错误,小空用的是webstorm
    mapOne.set("keyFour", 2);
    //有一点需要注意,如果是初始值就有了key和value格式 set的时候需要保持一致,否则回提示错图
    //如果没有则可以 如下面的mapTwo
    let mapTwo = new Map();
    mapTwo.set("keyOne", 1);
    mapTwo.set("keyTwo", "1");
复制代码

既然是键值对,我们就必然会用对里面的数据,迭代就需要用到了。迭代可分为三种方式:

1.     传统的for出key,用key获得值

2.     直接对象形式

3.     Map自带的entries()方法,来进行for…of

//利用for..of遍历key键,然后利用map的get(key键)来得到value
    for (const keys of mapTwo.keys()) {
        console.log(mapTwo.get(keys));
    }
    //也可以使用对象的形式迭代获得
    for (const [key, value] of mapTwo) {
        console.log(key, value);
    }
    //还有map的entries迭代
    for (const mapTwoElement of mapTwo.entries()) {
        console.log(mapTwoElement[0], mapTwoElement[1])
    }


👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:

https://zhima.blog.csdn.net/

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

https://juejin.cn/user/4265760844943479

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

相关文章
|
5月前
|
JavaScript 前端开发 Java
十个你必须要会的TypeScript技巧
十个你必须要会的TypeScript技巧
|
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月前
|
JavaScript 前端开发 开发者
CommonJS 模块编程(新思路方便复习笔记)
CommonJS 模块编程(新思路方便复习笔记)
51 0
|
12月前
|
JavaScript 前端开发 IDE
带你读《现代TypeScript高级教程》一、概述(附卷首语)
带你读《现代TypeScript高级教程》一、概述(附卷首语)
100 0
|
JavaScript 前端开发
开心档-软件开发入门之TypeScript 联合类型
联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。
|
JavaScript Java C语言
用大白话让你理解TypeScript的要点.(一)
用大白话让你理解TypeScript的要点.(一)
用大白话让你理解TypeScript的要点.(一)
|
JavaScript 索引
用大白话让你理解TypeScript的要点.(三)
用大白话让你理解TypeScript的要点.(三)
用大白话让你理解TypeScript的要点.(三)
|
JavaScript
用大白话让你理解TypeScript的要点.(二)
用大白话让你理解TypeScript的要点.(二)
用大白话让你理解TypeScript的要点.(二)
下一篇
无影云桌面