TS 中的 keyof 和 typeof 操作符TypeScript keyof 操作符使用object(key)获取对象属性时报错Typescript - 类型操作符keyofkeyof 用于遍历某种类型的属性(可以操作接口、类以及基本数据类型) 在 TS 中定义一个获取函数属性的函数如下:function prop(obj: object, key: string) {
return ob
转载
2023-11-16 22:45:27
66阅读
目录 一、Less1.1、概要1.2、变量1.3、解析Less1.3.1、在线处理1.3.2、预处理1.4、混入(Mixins)1.5、嵌套 1.6、运算1.7、函数1.8、继承 1.9、作用域1.10、注释二、Sass2.1、变量2.2、嵌套2.3、导入2.4、mixin 混入2.5、扩展/继承2.6、运算2.7、函数2.8、流程控制三、CoffeeScript3.1、安装3.2、使
目录介绍1 接口初探2 可选属性3 只读属性 | 只读数组 | readonly vs const3.1 只读属性3.2 只读数组3.3 readonly vs const4 额外的属性检查5 函数类型6 可索引的类型(类比额外的属性检查)7 类 类型7.1 实现接口7.2 类静态部分与实例部分的区别8 继承接口9 混合类型10 接口继承类 介绍TypeScript的核心原则之一是对值所具有的结
转载
2023-11-10 21:03:06
61阅读
作者 | 阿里文娱前端开发专家 芃苏责编 | 屠敏引言▐ 前端构建工具的演变回想在2015-2016年的时候,开发者们开始渐渐把视线从大量使用Task Runner的Grunt工具,转移到Gulp这种Pipeline形式的工具。Gulp还可以配合上众多个性化插件(如gulp-streamify),从而使得整个前端的准备工作链路,变得清晰易控,如刷新页面、代码的编译和压
TypeScript什么是TypeScript安装TypeScriptTypeScript的数据类型TypeScript函数数组 什么是TypeScriptTypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 本质上是向JavaScript这个语言添加了可选的静态类型和基于
转载
2023-06-25 16:48:22
113阅读
文章目录概述1 类型注解2 常用基础类型概述3.原始类型4 数组类型5 类型别名6.函数类型7 对象类型8 接口9 元组10 类型推论11 类型断言12 字面量类型13 枚举14 any 类型15 typeof 概述TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统所有的 JS 代码都是 TS 代码。JS 有类型(比如,number/string
转载
2023-08-21 14:18:16
381阅读
TypeScript 3.4 发布了,此版本主要更新内容如下:
Faster subsequent builds with the --incremental:使用 --incremental flag 加快后续构建
Higher order type inference from generic functions:泛型函数的高阶类型推导
Improvements for&n
# 如何开发一个 VSCode 扩展(TypeScript)
作为一名新入行的开发者,创建一个 VSCode 扩展可能会让你感到困惑。本文将介绍如何从头到尾构建一个简单的 VSCode 扩展,使用 TypeScript 编写。我们将会一步步地走过整个流程,最后你将能够成功实现自己的扩展。
## 流程概述
我们将按照以下流程来完成这个任务:
| 步骤 | 描述
/*
typeScript中的接口
接口扩展
*/
/*
接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。 type
转载
2021-08-13 09:42:31
297阅读
在任何大型应用中,TypeScript 类的扩展是一项常见且重要的任务。通过类的继承和组合,我们可以创建具有复用性和可维护性的源代码架构。本文将详细记录如何解决 TypeScript 类扩展相关的问题,并提供详尽的步骤、配置及实战应用示例。
## 环境准备
在开始之前,我们需要确保开发环境版本兼容。以下是我们推荐的技术栈及其对应版本。
```bash
# 安装 TypeScript
npm
# VSCode TypeScript 扩展
## 介绍
Visual Studio Code(简称VSCode)是一款轻量级的集成开发环境,广泛用于前端开发。它的强大之处在于丰富的扩展生态系统,其中一款特别受欢迎的扩展是“VSCode TypeScript”。本文将介绍这个扩展的功能和用法,并使用代码示例进行演示。
## VSCode TypeScript 扩展功能
VSCode Typ
原创
2024-01-16 06:23:02
200阅读
写这篇文章是因为前几天看了一篇文章:《开发者必须安装的15个vscode》,本着自己也想看一下有哪些好用的扩展可以搜罗一下,就点开看了一下, 但看到推荐的,我真的觉得有必要给大家科普一下,有些扩展真的可以卸载了 这篇文章可能会得罪一些vscode扩展的作者,但本人没有任何恶意,只是觉得有些扩展确实已经过时了,里面也包含很多下载量非常高,但已经被vscode内置的。文章使用的最新版本演示, 不是最
转载
2024-09-29 12:26:41
20阅读
前言TypeScript是JavaScript的超集,它的作者是著名的C#之父(名字我忘了)。作为后者的超集,Typescript(以下简称为tsc)拓展了JS,真正的将js从玩具语言变成一种工程语言,一种强类型的语言。并且,tsc的标准是根据每年的ECMA提案来预先实现的,也就是说,tsc兼容未来的ES7,ES8…提前为将来的ES标准打下基础。 学习tsc,不亏!环境搭建$ cnpm inst
转载
2024-05-16 07:50:09
174阅读
项目地址:https://github.com/wz2cool/swagger-ts-doc
demo代码地址:https://github.com/wz2cool/swagger-ts-doc-demo动机Swagger API 文档框架相信大家都使用过,并且真的很方便,但是大家应该都是用框架生成的出来swagger 文档,可能很少人会去写 yml或者json文档吧。
确实我在使用nodejs
转载
2024-05-18 17:42:00
55阅读
1. TypeScript类型全解及声明a. 布尔值let isDone: boolean = false;b. 数字:let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;c. 字符串:let
转载
2024-01-20 01:27:51
57阅读
For example we want to have one object merge into Window with type information as well.import { Equal, Expect } from "../helpers/type-utils";
const addAllOfThisToWindow = {
add: (a: number, b: numb
转载
2023-06-30 08:26:10
211阅读
文章目录Interface抽象类对象接口继承函数函数参数函数声明构造函数数组枚举type基本使用类型别名索引签名声明继承interfacetypeimplements Interface接口用于描述类和对象的结构使项目中不同文件使用的对象保持统一的规范使用接口也会支有规范更好的代码提示抽象类不仅可以定义规范,还可以写业务代码,而接口只有规范抽象类下面是抽象类与接口的结合使用interface A
转载
2024-06-11 16:22:51
40阅读
Partial(部分的) /**
* Make all properties in T optional
*/
type Partial<T> = {
[P in keyof T]?: T[P];
}; 作用是让传入类型中的所有属性变成都是可选的
使用举例
export interface Student {
name: strin
转载
2023-11-06 18:40:47
72阅读
//type与interface的拓展
interface Animal {
name: string;
}
interface Tiger extends Animal {
age: number;
}
const tiger: Tiger = { name: "xixi", age: 19 };
//类型别名使用&符号拓展 接口interface使用extends拓展
typ
转载
2023-12-17 17:20:01
45阅读
最近vue 3.0 版本发布,让我认识到 typescript 将占有越来越重要的地位,所以我也开启了typescript学习之旅。 要想编写第一个 hello typescript 程序,当然要经过安装这个必要的过程,我们分为接下来几个步骤: 步骤一:全局安装 typescriptnpm install -g typescript 步骤二:全局安装 ts-node 安装它的原
转载
2023-06-14 14:58:17
55阅读