近期 typescript 发布 3.8版本,增加了部分新特性,下文主要围绕几个主要特性做一些介绍。Type-Only Imports and ExportTS 中重用了 JS 的导入语法,在我们日常使用 TS 导入功能时因为 import elision 特性,我们不必担心我们导入了什么,把我们想导入的东西全导入即可,导入方式无差别,只是在 TS 转 JS 的时候,TS 会识
转载 2024-07-26 12:56:12
38阅读
前言以前一直不会用infer,要么直接就是returnType,压根不需要用infer,网上那些教程只给示例不给具体场景就无法让人很好理解这玩意。类型分发对于infer,最好应该先说一下类型分发,虽然这2关系不是太大,但是如果把infer与类型分发结合起来,让人一看就觉得这人ts水平可以。至于协变与逆变等概念会比较容易让人搞混乱,可以以后再掌握。我以前也学过这个,但是并不是能完全掌握它的使用时机,
转载 2023-10-07 17:10:38
37阅读
认识typeScript官网:https://www.typescriptlang.org 中文: https://www.typescriptlang.org/zh/https://ts.xcatliu.com/为什么要用TypeScript?js是一个动态类型语言,变量的类型是动态,可变的,不确定,数据的类型是在运行过程中随时可变的,那么我们就不能在运行之前对它进行检测了。程序是可能有错
转载 2023-08-10 13:01:58
110阅读
本文将深入探讨 TypeScript 的高级类型系统,以更好地理解和使用这些高级类型,提高代码的可读性、可维护性和健壮性。TypeScript 是一种类型安全的 JavaScript 超集,除了基本类型和对象类型之外,TypeScript 还提供了一些高级类型系统,使得我们可以更好地处理复杂的数据结构和业务逻辑。本文将深入探讨 TypeScript
在这一节,我们将介绍TypeScript中的类型推断。我们将会讨论类型推断需要在何处用到以及如何推断。基础在TypeScript中,在几个没有明确指定类型注释的地方将会使用类型推断来提供类型信息。 var x = 3; 变量"x"的值被推断为number。这种推断发生在变量或者成员初始化、设置参数默认值、决定函数返回类型的时候。最佳公共类型当需要从多个表达式中进行类型推断的时候,这些表达式的类
引言大概对JavaScript脚本语言了解以后,开始向JS的超集也就是TypeScript领域进军,此篇笔记是参考Cr博主的TypeScript - (二) 在WebStorm中创建和配置TypeScript项目 本人编写本博文的用意:2019版本下的WebStorm配置TypeScript资源少,并且作为本人学习笔记,不作其他用意。运行原理运行原理都一样,安装好node,TypeScript后,
什么是接口 在面向对象编程的语言中,接口(interfact)是一个很重要的概念,它是对行为的抽象,二具体如何行动,需要由类去实现、 TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。 简单的例子
# TypeScript 问号用法指南 在学习 TypeScript 的过程中,问号(`?`)的使用是一个非常重要的部分。它主要用于表示可选属性、可选参数以及联合类型。接下来,我将通过一系列步骤与您分享如何实现 TypeScript 中的问号用法。 ## 整体流程 以下是实现 TypeScript 问号用法的基本流程: | 步骤 | 描述 | |------|------| | 1
原创 9月前
66阅读
# 理解 TypeScript 中的 IterableIterator 用法 在学习 TypeScript 的过程里,IterableIterator 是非常重要的概念。它允许我们将对象变成可迭代的,这意味着我们可以使用 `for...of` 循环等进行遍历。在这篇文章中,我们将详细介绍如何使用 IterableIterator,并提供清晰的步骤和示例代码。 ## 整体流程 首先,我们要了解
原创 2024-10-17 11:20:51
213阅读
# TypeScript 中的 createDecorator 用法 TypeScript 是一个严格的 JavaScript 超集,支持您使用类型,接口,类等高级功能。在 TypeScript 中,装饰器是一个非常强大的特性,可以让我们在不修改原有代码的情况下增加功能。本文将深入探讨 TypeScript 中的 `createDecorator` 函数,并通过实例演示其用法。 ## 什么是装
1,它是可选的。也就是它并没有让你彻底放弃JS,而跳到另外一个完全不同的语言中。你甚至把源代码文件从js后缀改为ts后缀,就可以开始享受TypeScript带来的好处了。2,兼容ECMAScript标准。尤其最新版本的TS目的就是完全兼容ES6。这样做带来的好处就是开发人员使用TS就可以提前使用ES6的新特性,并在未来能够轻易地迁移到ES6。3,优秀的工具支持。除了宇宙第一IDE——Visual
原创 2015-04-07 11:54:23
759阅读
# TypeScript 的 `declare` 用法入门 在使用 TypeScript 的过程中,我们常常会遇到需要为 JavaScript 库或未被 TypeScript 定义过的模块提供类型定义的需求。这时,我们可以使用 `declare` 关键字来声明类型。在这篇文章中,我们将通过几个简单的步骤,把 `declare` 的用法讲解清楚。 ## 整体流程 下面是使用 `declare`
原创 8月前
41阅读
keyof是索引类型查询操作符。假设T是一个类型,那么keyof T产生的类型是T的属性名称字符串字面量类型构成的联合类型。特别说明:T是数据类型,并非数据本身。代码实例如下:[typescript] 纯文本查看 复制代码 1 2 3 4 5 6 interface Itest{ webN...
转载 2021-06-30 14:43:33
295阅读
keyof是索引类型查询操作符。假设T是一个类型,那么keyof T产生的类型是T的属性名称字符串字面量类型构成的联合类型。特别说明:T是数据类型,并非数据本身。代码实例如下:[typescript] ​纯文本查看​ ​复制代码​123456​​interface​​ ​​Itest{​​​​webName:​​​​string​​​​;​​​​age:​​​​number​​​​;​​​​add
转载 2022-03-29 13:56:46
186阅读
本文主要介绍 TypeScript 的高级用法,适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学,分别从类型、运算符、操作符、泛型的角度来系统介绍常见的 TypeScript 文章没有好好讲解的功能点,最后再分享一下自己的实践经历。 一、 类型 unknown unknow
原创 2022-05-12 17:16:28
323阅读
码字不易,有帮助的同学希望能关注一下我的微信公众号:Code程序人生,感谢!代码自用自取。本文主要介绍 TypeScript 的高级用法,适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学,分别从类型、运算符、操作符、泛型的角度来系统介绍常见的 TypeScript文章没有好好讲解的功能点,
转载 2021-07-19 14:01:47
293阅读
接口接口的基本使用声明对象类型的2种方式:(1)类型别名的方式:即通过type(前面我们为了复用定义的对象类型使用了type)(2)接口的方式:即通过interface。至于它们在使用上的区别,后续再进行说明。接口中我们也可以定义可选属性、只读属性。// 通过类型(type)别名来声明对象类型 // type InfoType = {name: string, age: number} // 另
转载 2024-01-05 23:08:12
56阅读
typescript的基本用法1.安装npm i -g typescript 全局安装 或者yarn add typescript -g 然后使用tsc 命令来解析ts将其变为js代码,在使用node来执行js代码,因为浏览器不识别ts代码简化使用安装一个ts-node包 npm i -g ts-node 使用ts-node 文件名 直接就可以使用了注意: 在引用前记得初始化一下不然html导入不
文章目录1. TS是什么?2. TS开发环境3. 声明类型4. 类型4.1 any和unknown的区别4.2 void和never的区别4.3 object类型4.4 函数类型4.5 array类型4.6 TS新增元组类型4.7 TS新增枚举类型4.7.1 基本使用4.7.2 增长枚举4.7.3 异构枚举4.7.4 常量枚举4.8 类型的别名5. 内置对象5.1 ECMAScript5.2 D
TypeScript 对象一、TypeScript 对象二、TypeScript Number对象三、TypeScript String对象 一、TypeScript 对象1.对象是包含一组键值对的实例let oneObj = { key1: "1", key2: "2", key3:["content1", "content2"] }2.TypeScript
  • 1
  • 2
  • 3
  • 4
  • 5