TypeScript
文章平均质量分 84
一碗周.
这个作者很懒,什么都没留下…
展开
-
掌握这34个知识点,助你快速入门TS
TypeScript现在几乎已经是所有前端程序员必备的技能了,现在的各大框架已经全部采用TS进行开发。本篇文章总结了TS中常用的知识点,希望能对你有所帮助。原创 2021-12-18 11:00:49 · 1290 阅读 · 0 评论 -
【稳妥的TypeScript】命名空间
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面命名空间namespace在TypeScript1.5版本之前是叫做内部模块 ,那是因为ES6中的模块还没有称为正式标准,在ES6提出该规范时,TypeScript1.5 正事更名为命名空间 ,用namespace来定义。定义和使用定义命名空间的定义就相当于定义了一个对象,该对象中可以定义变量、接口、类、方法等等,但是如果不使用export关键字指定此内容为外部可见的话,外部是没有办法访问到的。.原创 2021-12-16 08:20:35 · 210 阅读 · 0 评论 -
【稳妥的TypeScript】装饰器
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面装饰器Decorator 在ECMAScript中已经提案,但是目前还没有定案;在TypeScript中已经将其实现,但是这仍是一项正在试验中的特性,如果想要使用装饰器,需要在tsconfig.json中将experimentalDecorators属性,将其设置为true。概念定义装饰器是一种新的声明,它可以作用于类声明 、方法 、访问器 、属性 以及参数 上。装饰器的使用采用@符号加一个函数.原创 2021-12-16 08:19:47 · 136 阅读 · 0 评论 -
【稳妥的TypeScript】泛型
theme: fancyhighlight: atom-one-dark这是我参与11月更文挑战的第28天,活动详情查看:2021最后一次更文挑战大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面在JavaScript中,封装一个API可以具有多种用途,因为其实弱类型语言,但是就因为是弱类型可以最终得到的结果并不是我们想要的。TypeScript的出现正好中解决了这个问题,但是考虑到API的复用时,TypeScript又显得不是这么的灵活。.原创 2021-12-16 08:18:35 · 115 阅读 · 0 评论 -
【稳妥的TypeScript】联合类型、交叉类型和类型保护
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~联合类型所谓的联合类型就是定义一些类型,定义的变量只需要满足任意一种类型即可,联合类型使用|定义,示例代码如下:// 通过 | 符号定义联合类型let value: number | boolean | string = '一碗周'value = 18在上面的代码中我们定义了一个value变量,该变量可以是number、boolean或者string类型。交叉类型介绍了联合类型,然后介绍一下与.原创 2021-12-16 08:16:49 · 168 阅读 · 0 评论 -
【稳妥的TypeScript】类
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~概述类这个概念基本是所有面向对象编程语言都具有一个概念,例如Java、Python等;在JavaScript中ES6 之前是没有类这个概念的,对于熟悉面向对象来程序猿来说有些棘手,因为他们用的都是基于类的继承,对象也是通过类创建出来的。在ES6中添加了类这个概念,虽然只是一个语法糖,但是这就可以让程序员基于类去进行操作了。在TS中也是支持类这个概念的。定义一个简单的类在TS中也是使用class关键字来定义.原创 2021-12-16 08:15:55 · 68 阅读 · 0 评论 -
【稳妥的TypeScript】接口
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面TS的核心原则之一就是对所具有的结构 进行类型检查。接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。最终被编译成JavaScript代码后不包含接口以及类型约束的代码。接口的定义接口的作用于type关键字类似,但是又不一样。type可以定义简单的数据类型,例如如下代码type str = string这种写法就不能应用在 接口 中,接口中只能写函数类型和类类型还有数组类型。.原创 2021-12-16 08:15:15 · 81 阅读 · 0 评论 -
【稳妥的TypeScript】TS中的函数
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~函数定义JavaScript中的函数在学习TypeScript中的函数前我们先来回顾一下JavaScript中的函数定义常用的包含以下几种第一种:使用function关键字声明函数function add1 (x, y) { return x + y}第二种:使用字面量方式声明函数const add2 = function (x, y) { return x + y}第三种.原创 2021-12-16 08:14:35 · 443 阅读 · 0 评论 -
【稳妥的TypeScript】枚举类型
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~概述所谓的枚举类型就是为一组数值赋予名字。enum类型在C++、Java语言中比较常见,TypeScript在JavaScript原有的类型基础上也增加了enum类型。比如我们需要定义一组角色,需要使用数字表示,就可以使用如下代码定位:enum role{ STUDENT, TEACHER, ADMIN}上面代码中我们定义了role为一个枚举类型,这个里面有是三个值,Ty.原创 2021-12-15 20:19:47 · 996 阅读 · 0 评论 -
【稳妥的TypeScript】基础类型
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~TS 的静态类型可以人为的分为两类:基础类型:像布尔值(boolean)、数字(number)、字符串(string)、Any(任意类型)、Void(无类型)、Null、 Undefined、Never(无值类型)对象类型:像数组、函数、对象、枚举、元组。基础类型TS的类型定义主要通过以下示例代码中演示的方式进行定义:;(function () { /* * 在 TS 中可以通过.原创 2021-12-15 20:19:04 · 901 阅读 · 0 评论 -
TypeScript是什么?解决了JavaScript的什么问题?
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面TypeScript是JavaScript的超集,它可以编译成纯JavaScript代码。那为什么会出现TypeScript这门语言,主要是因为现在的JavaScript可以开发很多复杂的项目,但是JavaScript又缺乏其可靠性,在使用的时候需要我们为了代码的健壮性需要添加很多业务逻辑去判断。TypeScript可以运行在浏览器环境、Node.js环境或者ECMAScript3或者更高的Jav.原创 2021-12-07 11:17:38 · 411 阅读 · 0 评论 -
使用Parcel打包TS代码,这可能是学习TS阶段最简单的打包工具
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~Parcel介绍Parcel是一个和Webpack类似的一个打包工具,与之不同的是可以使用Parcel不需要任何的配置,可以帮助我们快速打包TypeScript代码,关于Parcel的使用,可以参考???? 快速开始 (parceljs.org)使用Parcel打包TS代码初始化项目npm init -ytsc --init 将Parcel下载的项目中,示例代码如下:npm i -D pa原创 2021-12-07 11:15:12 · 422 阅读 · 0 评论