面向对象是typescript的核心部分,这里先介绍下面向对象的七大原则:单一原则:一个类子负责一个职责。里氏替换原则:子类可以在任何地方替换它的父类。依赖倒置原则:代码要依赖于抽象的类,而不要依赖于具体的类;要针对接口或抽象类编程,而不是针对具体类编程。接口隔离原则:提供尽可能小的单独接口,而不要提供大的总接口。暴露行为让后面的实现类知道的越少越好。迪米特法则:尽量降低类与类之间的耦合。开闭原则
转载 2023-12-02 15:30:42
46阅读
文章目录泛型泛型的基本使用泛型约束指定更加具体的类型添加约束类型变量之间约束泛型接口泛型类泛型工具类型Partial< T >Readonly< T >Pick< T,Keys >Record< Keys,T >索引签名类型映射类型Partial< Type >的实现索引查询(访问)类型 泛型泛型是可以在保证类型安全的前提下,让函数等与
## TypeScript 可选链 ### 前言 TypeScript 是一种由 Microsoft 开发的开源编程语言,它是 JavaScript 的一个超集,增加了类型注解和其他静态类型检查能力。TypeScript 通过在编译时进行静态类型检查,能够在开发阶段发现潜在的错误,提高开发效率和代码质量。 在 TypeScript 4.0 中,引入了可选链(Optional Chaining
原创 2023-08-23 03:58:29
221阅读
该文章是 TypeScript 系列文章第三篇,该系列会带大家从基础开始学习直到在项目中使用。一周更新 2 篇左右,有任何问题留言提问,我都会一一解答。本篇文章介绍的是接口和泛型的知识。接口对于接口来说,你可以把它想成是 type 的加强版。也是用来声明对象类型的,但是用法更复杂。对于接口来说,他只存在于 TS 中,不会编译成 JS。语法interface Persons { name:
转载 2024-09-07 20:26:17
21阅读
一、keyof 简介 TypeScript 允许我们遍历某种类型的属性,并通过 keyof 操作符提取其属性的名称。keyof 操作符是在 TypeScript 2.1 版本引入的,该操作符可以用于获取某种类型的所有键,其返回类型是联合类型。 下面我们来看个例子:interface Person { name: string; age: number; location: string
前言TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。知道这些就行了,建议在学习TypeScript之前,先去了解和学习JavaScript,因为js学了
关于keyof和typeof的个人理解,有不妥之处,欢迎指正:最近在学习TS的类型体操,发现还是要理论和实战结合,理论这一块就不用说了,可以看TS的官方文档,了解一些基本的概念和用法。实战的话可以在这个网站上练习(https://github.com/type-challenges/type-challenges/blob/main/README.zh-CN.md)1、keyof的作用作用:用来获
在上一篇我重点讲述了 ts 的交叉类型,本期将结合实例重点讲述 ts 中的一些高级操作符。本篇文章略长,笔者之前的文章都略短,作为男人还是要好好学习,文章还是长点好。本期涉及的操作符如下:keyofininfer 关键字ParametersReturnTypeInstanceTypeConstructorParametersThisParameterTypeOmitThisParameter本篇文
TypeScript可选参数
转载 2023-07-02 22:13:27
104阅读
类型兼容性类型兼容性用于确定一个类型能否赋值给其他类型。TypeScript里的类型兼容性是基于结构子类型的。 结构类型是一种只使用其成员来描述类型的方式。 它正好与名义(nominal)类型形成对比(在基于名义类型的类型系统中,数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的。这与结构性类型系统不同,它是基于类型的组成结构,且不要求明确地声明。)。通常来说结构相同,类型也就兼容。
一、接口TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。1、对象接口用接口来约束参数的类型结构(对象的形状):约定对象的成员数量及类型要求只关注值的外形, 只要传入的对象满足提到的条件,那么它就是被允许的。对象是无序的:类型检查器不会检查属性的顺序,只要相应的属性存在且类型是对的就行。使用接口必须实现里面的必实
在当前的前端开发中,TypeScript的使用越来越普及,特别是在大型应用和复杂的项目管理中。TypeScript可选参数机制简化了函数调用的接口,让开发者能构建更具灵活性的代码。然而,配置可选参数时可能会遇到一些挑战。本文将深入探讨如何解决与 TypeScript 配置可选参数相关的问题。 ## 环境准备 为了顺利进行 TypeScript 的配置和开发,请确保您的环境中已安装以下前置依
原创 6月前
36阅读
# TypeScript 函数可选参数的实现 在 TypeScript 中,函数的可选参数允许我们在调用函数时可以选择性地传递某些参数,而不必强制提供所有参数。它使函数更加灵活,提高了代码的可重用性和阅读性。接下来,我们将通过一个具体的示例,教你如何实现 TypeScript 函数的可选参数。 ## 操作流程 以下是我们实现 TypeScript 可选参数功能的步骤: | 步骤 | 描述
# 实现typescript可选传参 ## 介绍 在TypeScript中,可选参数允许函数或方法在调用时传递任意数量的参数,包括0个。这样可以方便地适应不同的使用场景。本文将介绍如何在TypeScript中实现可选传参。 ## 实现步骤 下表展示了实现可选传参的步骤: | 步骤 | 描述 | | --- | --- | | 步骤一 | 定义函数的参数列表 | | 步骤二 | 在参数列表中
原创 2023-08-13 07:12:52
175阅读
# TypeScript 接口与可选参数 TypeScript 是一种基于 JavaScript 的编程语言,它引入了静态类型的概念,使得我们在编写代码时可以提前发现类型错误。接口(Interface)是 TypeScript 中一种重要的类型,用于定义对象的结构和类型,其中可选参数是接口中的一个强大特性。 ## 什么是接口? 接口是 TypeScript 中定义对象形状的一种方式。它允许我
原创 2024-08-01 11:16:01
34阅读
给出一大些面试题,然后不给答案。前端本来就卷,一些面试官看了文章后可能在自己都不知道答案的情况下,就跑去问面试者。我其实挺反感的这类文章的。ts基础知识复习juejin.cn/post/684490…[1]???? ts中的访问修饰符public,任何地方private,只能在类的内部访问protected,能在类的内部访问和子类中访问readonly,属性设置为只读???? const和read
TypeScript基础类型序号数据类型关键字描述1任意any声明为 any 的变量可以赋予任意类型的值。2数值number双精度 64 位浮点值。它可以用来表示整数和分数。3字符串string一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。4布尔boolean表示逻辑值:true 和 false。5数组无声明变量为数组。6元组无元组类型用来表
## TypeScript中的declare可选字段 在TypeScript中,我们经常需要声明和定义类型。有时候,我们可能需要声明一个对象,其中某些字段是可选的。这种情况下,我们可以使用TypeScript的declare关键字来声明可选字段。 ### 什么是可选字段? 可选字段是指在对象中定义的字段,在使用该对象时可以选择性地赋值。这意味着我们可以选择性地在对象中包含或不包含该字段。
原创 2023-10-02 03:39:38
114阅读
# 如何在 TypeScript 中调用可选函数 在 TypeScript 中,接口(Interface)用于定义对象的结构。当我们想让某个函数成为可选的,即在实现接口的地方可以选择是否提供该函数时,可以使用 TypeScript可选属性。本文将逐步指导你如何实现这一功能。 ## 整体流程 以下是实现接口调用可选函数的步骤: | 步骤 | 描述
原创 9月前
102阅读
  查看官方文档手册:链接:https://www.tslang.cn/docs/home.html (一)Boolean 最基本的数据类型就是简单的true/false值 The most basic datatype is the simple true/false value, which JavaScript and TypeScript call a boolean value. ex
转载 2024-09-14 22:16:16
29阅读
  • 1
  • 2
  • 3
  • 4
  • 5