typescript
TypeScript面向对象
# TypeScript面向对象 面向对象是程序中一个非常重要的思想。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。一切皆对象 ## 接口 TypeScript中的接口跟传统语言(比如Java)的接口有点差别 > 对象可以隐式实现接口 ### 概念 描述一个类型 一个接口里面可 ......
TypeScript基本介绍与开发环境
# TypeScript基本介绍与开发环境 [TypeScript官网](https://www.typescriptlang.org/) ## TypeScript简介 1. TypeScript是JavaScript的超集 2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性 ......
[Typescript] OverloadedReturnType & OverloadedParameters
type OverloadedReturnType<T> = T extends { (...args: any[]) : infer R; (...args: any[]) : infer R; (...args: any[]) : infer R ; (...args: any[]) : inf ......
TypeScript in
`in` 关键字在对象类型中遍历字段类型可能的情况。 ![in 关键字](https://img2023.cnblogs.com/blog/2271881/202307/2271881-20230706022017547-566973109.png) 如上图所示,A 是一个联合类型,B 是一个对象类 ......
TypeScript基础
# TypeScript基础 ## 类型 | 类型 | 例子 | 描述 | | : : | : : | : : | | number | 1, -33, 2.5 | 任意数字 | | string | 'hi', "hi", `hi` | 任意字符串 | | boolean | true、false ......
TypeScript如何从已有的数据类型构造新的数据类型?
##### 1、对当前的对象类型增加属性——`extends` ```javascript interface Person { name:string; age:number; } interface Man extends Person { beardLength:number; } ``` # ......
关于 TypeScript 的变量声明和解构赋值(Destructuring Assignment)
看下面这段代码: ```typescript const { queryParams, fragment } = this.router.parseUrl(url); const [, path] = url.match(this.URL_SPLIT) ?? [, '']; ``` 这段 TypeS ......
vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
TypeScript学习笔记
一、类型 ① 可以使用 | 来连接多个类型(联合类型) ② 类型断言,可以用来告诉解析器变量的实际类型 ③ {} 用来指定对象中可以包含哪些属性 ④ 函数结构的类型声明 ⑤ 数组的类型声明 ⑥ 元组,元组就是固定长度的数组 ⑦ enum 枚举 ⑧ 类别的别名 二、编译选项 ① 自动编译文件 编译文件 ......
TypeScript关于keyof和typeof的用法分析
在用 TypeScript 的时候,我们常会类似下面的例子一样写~ ```ts enum ColorsEnum { white="#ffffff", black="#000000", } type Colors = keyof typeof ColorsEnum; ``` 其中最后一行等价于: `` ......
typescript的必要性及使用
作为一个前端语言,Javascript从最初只是用来写页面,到如今的移动终端、后端服务、神经网络等等,它变得几乎无处不在。如此广阔的应用领域,对语言的安全性、健壮性以及可维护性都有了更高的要求。尽管ECMAScript标准在近几年有了长足的进步,但是在类型检查方面依然毫无建树。在这种情况下TypeS... ......
Typescript 内置工具类型
Partial<T> 将类型T的属性都变为可选属性,并构造一个新类型 1 interface Inter { 2 name: string 3 age:number 4 } 5 6 type T = Partial<Inter> // { name?: string; age?: number; } ......
typescript中 == 和 === 的区别
在 TypeScript 中,== 和 是用于比较两个值是否相等的操作符。 == 是相等比较操作符,它在比较值时进行隐式类型转换。它会尝试将两个操作数转换为相同类型,然后再进行比较。这种隐式类型转换可能会导致一些意想不到的结果。例如: console.log(1 == "1"); // true c ......
TypeScript又出新关键字了?
TypeScript 5.2将引入一个新的关键字:`using`。当它离开作用域时,你可以用`Symbol.dispose`函数来处置任何东西。 ```jsx { const getResource = () => { return { [Symbol.dispose]: () => { conso ......
Node.js和TypeScript教程:使用Typescript、NodeJS和基于文件的存储系统构建REST API
介绍 欢迎到我的博客!在本教程中,我将指导您完成使用 Node.js、Express 和 TypeScript 构建强大的微型电子商务 API 的过程。我们将共同探索各种功能和技术,使您能够为电子商务应用程序创建强大的 API。 我们在这个项目中的关键决策之一是实现基于文件的存储系统,而不是依赖 M ......
【TypeScript】Element 组件导入在 TypeScript 5 报错:模块 ““element-plus““ 没有导出的成员。。。
## 报错现象 ![在这里插入图片描述](https://img-blog.csdnimg.cn/5adc5b09840341cb9e7c902be31b55ba.png#pic_center) ## 解决方法 typescript 5.0版本升级,使用了 `compilerOptions.modu ......
TypeScript中的类
### 1. 类的基本语法 在 TypeScript 中,使用 `class` 关键字来定义类。以下是一个简单的类的示例: ```typescript class Person { private name: string; age: number; constructor(name: string ......
C# and TypeScript – Enum Flags
前言 以前就有提过 Enum Flags, 但平日不常用. 最近翻 Angular 源码, 发现它很多地方用到, 而且没有封装语义代码. 一堆符号真的看不惯啊... 于是又去复习了一遍, 熟悉熟悉. 顺便写一篇做记入呗. 这篇 C# 和 TypeScript 会一起讲. 参考 深入理解 TypeSc ......
提高开发效率的 TypeScript 技巧
TypeScript 是一种由 Microsoft 开发的强类型的 JavaScript 超集语言,它为 JavaScript 添加了类型检查和更强大的开发工具支持。在使用 TypeScript 进行项目开发时,掌握一些技巧可以大大提高开发效率和代码质量。本文将介绍一些实用的 TypeScript ......
typescript之ECMAScript5、ES6
1、基础常识 1.1 简介 ECMAScript(/ekma/,简称ES)是javascript的标准化规范,其实javascript是ECMAScript的扩展语言。ES定义了一些标准的语法,JS对其进行了DOM、BOM扩展。 1.2 ES迭代史 ES6(又叫ES2015)是ECMA协会在2015 ......
TypeScript函数
1. ts函数定义 // es5函数声明 function run3(){ return 'run' } // es5匿名函数 var run4 = function(){ return 'run' } // ts函数声明 function run5():string{ return 'run' } ......
TypeScript中的数据类型
1.js有的类型 boolean类型、number类型、string类型、array类型、undefined、null 2.ts多出的类型 tuple类型(元组类型)、enum类型(枚举类型)、any类型(任意类型) 3.特别的类型 void类型(没有任何类型)表示定义方法没有返回值 never类型 ......
VS编译错误 【xxx.exe 已退出,代码为 9】【Microsoft.TypeScript.targets(561,5): error MSB6006:】
先直接上图。 错误列表报错如下: 输出列表报错如下: 解决思路如下: 1、查了百度,没找到有用的东西。 2、看了微软的官方,MSB6006:“process”在退出时出现代码 `exit code`。 - MSBuild | Microsoft Learn 原文是“执行命令并返回非零退出代码或指示其 ......
typescript学习:联合类型、交叉类型、可选属性和类型保护
1. 联合类型(Union Types) 联合类型是指将多个类型组合成一个类型,表示这个类型可以取这些类型中的任意一种。在 TypeScript 中,可以使用竖线 | 作为联合类型的分隔符,例如: let myVar: string | number; myVar = "hello"; // 合法 ......
typescript Any.Pack
IMessage body; UserLoginRequest req = new UserLoginRequest(); req.AuthToken = "8"; Request sy = new Request(); sy.Token = "hello"; sy.Body = Any.Pack( ......
[Typescript 5.2] New Keyword: using
TypeScript 5.2 will introduce a new keyword - 'using' - that you can use to dispose of anything with a Symbol.dispose function when it leaves scope. T ......
[ts]typescript高阶之typeof使用
**LcukyCola前端工具官网:** [https://luckycola.com.cn/public/dist/#/](https://luckycola.com.cn/) # 前言 学习目标 1、typeof与对象结合使用 2、typeof与枚举结合使用 3、typeof与class类结合使 ......
JavaScript & TypeScript 学习总结
@[TOC](JavaScript & TypeScript 学习总结) # JavaScript ## JavaScript BOM对象 BOM(Browser Object Model)对象是指浏览器对象模型,它提供了与浏览器窗口进行交互的对象和方法。例如,window 对象就是 BOM 的一部 ......
TypeScript概述
# Hello TypeScript # 为什么要学习TypeScript - 就业 或 获得更大的竞争优势 - 获得更好的开发体验 - 解决JS中一些难以处理问题 # JS开发中的问题 - 使用了不存在的变量、函数或成员 - 把一个不确定的类型当作一个确定的类型处理 - 在使用null或undef ......
TYPESCRIPT进阶--命名空间
以下都是我的ChartGpt老师教学的内容哦,(若想知道怎么用ChartGpt学习,或者想知道我的问答方式,可以点这个查看我的学习记录) 一:理解命名空间的概念和作用 命名空间是一种组织代码结构的方式,它将相关的代码放在一个命名空间内,避免命名冲突和代码重复。在TypeScript中,命名空间是通过 ......