![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typerscript
文章平均质量分 73
嚣张农民
记录日常,如果帮助到您请动动小指头点个小赞和关注,是对我的认可和给予我的创作动力
展开
-
深入了解Typescript中type和interface具体区别?
新手刚开始学习 TypeScript 时,往往会对 type 和 interface 的使用场景和方式感到困惑。因此,本文旨在总结 type 和 interface 的概念和用法。:允许为一个或多个数据类型(例如 string、number 等)创建一个别名。type 和 interface 都可用于描述对象或函数。如果不能,再考虑使用。通常情况下,如果能用。原创 2023-11-07 00:16:32 · 107 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中接口的应用场景?
是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法简单来讲,一个接口所描述的是一个对象相关的属性和方法,但并不提供具体创建此对象实例的方法typescript的核心功能之一就是对类型做检测,虽然这种检测方式是“鸭式辨型法”,而接口的作用就是为为这些类型命名和为你的代码或第三方代码定义一个约定。原创 2023-10-31 12:26:47 · 225 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中类的应用场景?
抽象类做为其它派生类的基类使用,它们一般不会直接被实例化,不同于接口,抽象类可以包含成员的实现细节。除了日常借助类的特性完成日常业务代码,还可以将类(class)也可以作为接口,尤其在。同样,类继承后,子类可以对父类的方法重新定义,这个过程称之为方法的重写,通过。关键字,虽然本质依然是构造函数,但是使用起来已经方便了许多。基类,派生类通常被称作子类,基类通常被称作 超类。上述的类都能发现一个特点就是,都能够被实例化,在。这些属性存在于类本身上面而不是类的实例上,通过。原创 2023-03-09 12:43:27 · 661 阅读 · 0 评论 -
TypeScript深度剖析:Vue项目中应用TypeScript?
与link类似在VUE项目中应用typescript,我们需要引入一个库其是基于库而来,这个库vue官方推出的一个支持使用class方式来开发vue单文件组件的库methods 可以直接声明为类的成员方法计算属性可以被声明为类的属性访问器初始化的 data 可以被声明为类属性data、render 以及所有的 Vue 生命周期钩子可以直接作为类的成员方法所有其他属性,需要放在装饰器中可以看到上述typescript版本的vue class的语法与平时javascript。原创 2023-10-31 12:26:39 · 671 阅读 · 0 评论 -
TypeScript 深度剖析:TypeScript 与 JavaScript 的区别?
超集,不得不说另外一个概念,子集,怎么理解这两个呢,举个例子,如果一个集合 A 里面的的所有元素集合 B 里面都存在,那么我们可以理解集合 B 是集合 A 的超集,集合 A 为集合 B 的子集。其是一种静态类型检查的语言,提供了类型注解,在代码编译阶段就可以检查出数据类型的错误。通过类型批注提供在编译时启动类型检查的静态类型,这是可选的,而且可以忽略而使用。如果缺乏声明而不能推断出类型,那么它的类型被视作默认的动态。等数据格式,对象的类型就是用接口来描述的。的语法,所以任何现有的。对于基本类型的批注是。原创 2023-03-09 12:32:07 · 454 阅读 · 0 评论 -
TypeScript深度剖析:React 项目中应用 TypeScript?
单独的使用TypeScript并不会导致学习成本很高,但是绝大部分前端开发者的项目都是依赖于框架的例如与VueReact这些框架结合使用的时候,会有一定的门槛使用TypeScript编写React代码,除了需要TypeScript这个库之外,还需要安装至于上述使用@types的库的原因在于,目前非常多的JavaScript库并没有提供自己关于TypeScript的声明文件所以,ts并不知道这些库的类型以及对应导出的内容,这里@types实际就是社区中的库,定义了目前市面上绝大多数的。原创 2023-03-09 11:53:53 · 481 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中命名空间与模块的区别?
这样,在一个新的名字空间中可定义任何标识符,它们不会与任何已有的标识符发生冲突,因为已有的定义都处于其他名字空间中。命名空间定义了标识符的可见范围,一个标识符可在多个名字空间中定义,它在不同名字空间中的含义是互不相干的。命名空间一个最明确的目的就是解决重名问题。中的类和接口,则需要在类和接口添加。声明,那么它的内容被视为全局可见的。相反地,如果一个文件不带有顶级的。然后在另一个文件同样声明一个变量。,如果我们需要在外部可以调用。变量,但是所处的空间是全局的。的文件都被当成一个模块。以上定义了一个命名空间。原创 2023-10-31 12:26:36 · 611 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中高级类型有哪些?
可以看到,如果只是掌握了typeScript的一些基础类型,可能很难游刃有余的去使用typeScript,需要了解一些typescript的高阶用法并且typescript在版本的迭代中新增了很多功能,需要不断学习与掌握。原创 2023-03-09 11:16:48 · 189 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中泛型的应用场景?
的时候,定义函数,接口或者类的时候,不预先定义好具体的类型,而在使用的时候在指定类型的一种特性的时候,这种情况下就可以使用泛型。类型去替代,但这也并不是很好的方案,因为我们的目的是接收什么类型的参数返回什么类型的参数,即在运行时传入参数我们才能确定类型。例如要设计一个函数,这个函数接受两个参数,一个参数为对象,另一个参数为对象上的属性,我们通过这两个参数返回这个属性的值。中,定义函数,接口或者类的时候,不预先定义好具体的类型,而在使用的时候在指定类型的一种特性。通过泛型约束就可以达到多类型约束的目的。原创 2023-03-09 10:57:11 · 267 阅读 · 0 评论 -
TypeScript深度剖析: TypeScript 中函数与 JavaScript 函数的区别?
上述只定义了函数的两个参数类型,这个时候整个函数虽然没有被显式定义,但是实际上。里,虽然已经支持类、命名空间和模块,但函数仍然是主要定义行为的方式,函数重载,必须要把精确的定义放在前面,最后函数实现时,需要使用。这里的函数重载也只是多个函数的声明,具体的逻辑还需要自己去写,操作符,把所有可能的输入类型全部包含进去,用于具体实现。当函数的参数可能是不存在的,只需要在参数后面加上。函数添加了额外的功能,丰富了更多的应用场景。函数名的时候,会出现完整的函数定义类型,通过。当存在函数重载时,只能使用方式一的形式。原创 2023-03-08 20:32:02 · 197 阅读 · 0 评论 -
TypeScript深度剖析:TypeScript 中枚举类型应用场景?
在日常生活中也很常见,例如表示星期的SUNDAY、MONDAY、TUESDAY、WEDNESDAY、THURSDAY、FRIDAY、SATURDAY就可以看成是一个枚举。枚举是一个被命名的整型常数的集合,用于声明一组命名的常数,当一个变量有几种可能的取值时,可以将它定义为枚举类型。包括后端日常返回0、1 等等状态的时候,我们都可以通过枚举去定义,这样可以提高代码的可读性,便于后续的维护。通俗来说,枚举就是一个对象的所有可能取值的集合。通常情况下我们很少会使用异构枚举。原创 2023-10-31 12:30:22 · 3146 阅读 · 0 评论 -
TypeScript深度剖析: TypeScript 装饰器的应用场景?
装饰器是一种特殊类型的声明,它能够被附加到类声明,方法, 访问符,属性或参数上是一种在不改变原类和使用继承的情况下,动态地扩展对象功能同样的,本质也不是什么高大上的结构,就是一个普通的函数,的形式其实是的语法糖expression求值后必须也是一个函数,它会在运行时被调用,被装饰的声明信息做为参数传入。原创 2023-03-08 20:21:42 · 670 阅读 · 0 评论 -
TypeScript深度剖析: typescript 的数据类型有哪些?
和javascript基本类型引用类型在基础类型上,typescript增添了voidanyemum等原始类型。原创 2023-03-08 20:08:25 · 286 阅读 · 0 评论 -
精讲typescript从入门到入土
在 JavaScript 中,有两种特殊的值,分别是null和undefined。在 TypeScript 中,它们分别对应了null和undefined两种类型。在这个示例中,我们定义了两个变量x和y,分别赋值为null和undefined。原创 2023-03-08 01:44:17 · 620 阅读 · 0 评论 -
如何在vscode上直接运行typescript
在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果,需要先将typescript编译为javascript,在通过node执行js文件得到结果,执行过程如下执行准备操作1.全局安装ts-node包npm install ts-node -g2.在vscode商店安装Code Runner插件点击右上角运行按钮即可看到输出控制面板运行结果......原创 2023-12-02 12:29:32 · 4305 阅读 · 7 评论