![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
文章平均质量分 91
空城机
光阴雕琢生命,岁月磨砺人生
成为一个普通的上班族
展开
-
从0开始的 TypeScriptの十四:内置工具类型
接下来为了使用更加方便,可以对 typescript 中内置的工具类型进行一些学习。这些内置工具类型能够非常方便的帮助我们进行 typescript 类型转换。原创 2022-07-15 09:08:05 · 473 阅读 · 0 评论 -
从0开始的 TypeScriptの十三:infer、extends、keyof、typeof、in
在 typescript 开发过程中通过泛型进行类型转换是很重要的一块,本文主要讲了 infer、extends、keyof、typeof、in 这五个关键字的使用原创 2022-07-14 09:08:58 · 1518 阅读 · 0 评论 -
从0开始的TypeScriptの十二:装饰器
文章目录装饰器/修饰器 Decorator类装饰器普通装饰器装饰器工厂装饰器重构构造函数类属性装饰器类方法装饰器类方法参数装饰器装饰器/修饰器 Decorator定义:装饰器是一种特殊类型的声明,能够被附加到类的声明、方法、属性或参数上,可以修改类的属性通俗的讲装饰器就是一个方法:可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。装饰器是实现 AOP(面向切面)编程的一种重要方式。通过注入的对象不同,可以将装饰器分为:类装饰器类属性装饰器类方法装饰器类方法参数装饰器装饰器原创 2021-08-27 15:51:54 · 457 阅读 · 1 评论 -
从0开始的TypeScriptの十一:模块和命名空间
模块JavaScript先天缺少一项功能:模块。 所以在es6提出的Module模块的概念,当然在nodeJs中也存在CommonJS规范。在typescript中的主要模块概念还是Module模块模块在其自身的作用域里执行,而不是在全局作用域里;这意味着定义在一个模块里的变量,函数,类等等在模块外部是不可见的,除非你明确地使用export形式之一导出它们。相反,如果想使用其它模块导出的变量,函数,类,接口等的时候,你必须要导入它们,可以使用import形式之一。模块是自声明的;两个模块之间的关系原创 2021-08-27 15:47:23 · 237 阅读 · 0 评论 -
从0开始的TypeScriptの十:泛型
泛型 Generics泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。泛型可以创建可重用的组件,一个组件可以支持多种类型的数据,用户可以以自己的数据类型来使用组件。TypeScript中对泛型的说明:软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能泛型可以使用尖括号<>来进行定义,在下面的例子当中,原创 2021-08-20 09:26:45 · 180 阅读 · 3 评论 -
从0开始的TypeScriptの九:接口Interfaces · 中
接口 Interfaces (中篇)在上一次的《从0开始的TypeScriptの四:接口Interfaces · 上》文章中,已经把typescript的接口基本使用说完了(我自己如果有遗忘也会重新去看看,毕竟温故而知新)函数与接口接口能够描述 JavaScript 中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外,接口也可以描述函数类型。为了使用接口表示函数类型,我们需要给接口定义一个调用签名。 它就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。原创 2021-08-20 09:13:01 · 192 阅读 · 0 评论 -
从0开始的TypeScriptの八:类
文章目录 类 介绍ES5 function生成实例对象ES6 class生成实例对象类的继承 extendpublic private protectedpublicprivateprotected只读修饰符 readonly静态属性多态抽象类和抽象方法存取器 get和set结束了 类 介绍传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员来讲就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015,也原创 2021-08-18 08:56:15 · 464 阅读 · 6 评论 -
从0开始的TypeScriptの七:函数
文章目录 介绍函数定义 JavaScript函数定义 TypeScript函数定义TypeScript完整函数 可选参数 默认参数剩余参数函数重载 介绍函数是JavaScript应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块,同时也是JavaScript中的一等公民。在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了 额外的功能,让我们可以更容易地使用。在TypeScript里,函数也分为命原创 2021-08-18 08:48:17 · 332 阅读 · 3 评论 -
从0开始的TypeScriptの六:webpack5热更新打包TS
webpack5热更新打包热更新,是指 Hot Module Replacement,缩写为 HMR。模块热替换(HMR - Hot Module Replacement)是 webpack 提供的最有用的功能之一。它允许在运行时替换,添加,删除各种模块,而无需进行完全刷新重新加载整个页面当然这次主要是为了打包我写的typescript,为了修改ts后能够时时更新出js文件。配置准备在之前的文章 《从0开始的TypeScriptの五:webpack打包typescri原创 2021-08-11 19:08:39 · 776 阅读 · 3 评论 -
从0开始的TypeScriptの五:webpack打包typescript
文章目录 webpack打包TS webpack概念 打包起因 安装webpack 编写webpack配置webpack.config.jsscript脚本 最后结果 webpack打包TS相信很多前端的朋友都知道webpack是什么,webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。 webpack概念本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时原创 2021-08-09 20:33:11 · 862 阅读 · 2 评论 -
从0开始的TypeScriptの四:接口Interfaces · 上
文章目录 接口 Interfaces 接口是什么简单的接口 接口的属性可选属性 ?只读属性任意属性 接口 Interfaces在 typescript中,有一项比较重要的核心知识,那就是接口InterfacesTypeScript 的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在 TypeScript 里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约 接口是什么在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是原创 2021-08-07 22:35:55 · 296 阅读 · 4 评论 -
从0开始的TypeScriptの三:类型系统 ·下
文章目录 元组 Tuple 枚举 enum 自动赋值 手动赋值常数项和计算所得项数字枚举字符串枚举常数枚举外部枚举 Ambient Enums 任意值 any Unknown 空值 void Never 类型别名 type 类型断言上文《从0开始的TypeScriptの二:类型系统》中说过,JavaScript有的基础类型在TypeScript中都存在。本次来介绍一些TypeScript中新的类型, 有元组⭐️,枚举????,任意值????,Unknown❄️,空值☁️,Never⚡️在Ty原创 2021-08-06 09:42:49 · 387 阅读 · 2 评论 -
从0开始的TypeScriptの二:类型系统 · 上
文章目录 TypeScript类型系统类型的隐式和显式类型错误不会阻止JavaScript生成类型可以是环境TypeScript基础类型布尔值数字字符串数组Null和Undefined TypeScript类型系统承接TS系列上一篇的类型系统介绍:从0开始的TypeScript(一)类型系统是TypeScript中一个重要的概念。TypeScript里类型可以隐式编写也可以显式编写类型的隐式和显式隐式 ☁️在TypeScript中,回尝试推断出尽可能多的类型信息,以便在开发过程中以最小生产力原创 2021-08-05 11:07:52 · 438 阅读 · 9 评论 -
从0开始的TypeScript(一)
总所周知,每个新的系列文章第一篇都是比较简单的介绍,本次TypeScript也不例外,第一篇先水????一下了TypeScript ????在现在学习typescript的过程中,下面这些网站链接帮助还是挺大的,特别是书栈里面的《深入理解 TypeScript》,书栈真的可以对白嫖党????安利一下TypeScript学习参考链接????:https://www.tslang.cn/index.htmlhttps://chinese.freecodecamp.org/forum/t/topic原创 2021-08-02 11:03:14 · 605 阅读 · 3 评论