typescript

以下是为您整理出来关于【typescript】合集内容,如果觉得还不错,请帮忙转发推荐。

【typescript】技术教程文章

typescript 数据类型【代码】

/* typeScript 中的数据类型booleannumberstringarraytuple 元组类型enum 枚举类型any 任意类型null 和 undefinedvoid 类型never 类型 */let str: string = 你好 // str = 1 //错误写法// 数组类型 ts 中定义数组有两种方式 // 第一种 let arr: number[] = [1, 2, 3]// 这里只能放 number 类型 let arr1: string[] = [2, 2, 3] // 第二种 let arr3: Array<number> = [11, 22, 3]// 泛型 let arr4: Array<string> = [ewqe, fdfd, ...

TypeScript - 安装【代码】

在已经安装了node之后,在命令行中输入:npm install -g typescript打印版本号,验证是否安装成功:tsc -v参考: https://www.runoob.com/typescript/ts-install.html

TypeScript 之泛型【代码】

文章出自个人博客 https://knightyun.github.io/2021/04/18/js-ts-generic-type,转载请申明背景 泛型用于创建可复用的支持多种类型的组件,比如不仅能支持当前的类型,还能支持未来的类型,为大型系统的构建提供一定灵活性,泛有广泛、多种的意思,即泛型可实现对多种类型的支持;泛型是一种已有的概念,除了 TypeScript,同样也存在于其他多种语言中; 先举一个基本的例子,ts 中实现一个加法运算的函数,可以是这样的: functio...

单例模式(TypeScript)【代码】

单例模式设计模式(Design Pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。 使用设计模式的目的:为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化;单体模式的特点 该类只有一个实例该类自行创建该实例(在该类内部创建自身的实例对象)向整个系统公开这个实例接口 单体模式的两种创建方式(TypeScript) 首先我们定义单体模式需要实现的接口 /* i-car-shop.ts...

TypeScript中将函数中的局部变量“导出”的方法【代码】

首先是在模块a.js中声明一个可导出(export)的数据结构,例如: export class ModelInfo{id: string;name:string;}其次是在模块b中声明可导出的函数,该函数中有模块a的modelInfo类型参数. 函数体中对modelinfo对象进行赋值。 export let funcb(modelinfo:ModelInfo){modelinfo.id = "a";modelinfo.name = "b"; }在模块c中导入模块b中的函数funcb,同时声明一个ModelInfo类型对象,执行模块b的函数。 import {funcb} from "./b";let ...

Vue+TypeScript+TSX【代码】

import {Component, Prop, Vue} from 'vue-property-decorator' import OtherComponent from '@/components/OtherComponent'@Component({components: {OtherComponent} }) export default class Exapmle extends Vue {// datapublic data1? string;public data2 number = 1;// props@Prop({required: true}) public prop1!: string;@Prop() public prop2: number;// computedpublic get myData(){ // getreturn this.data1 + '\t' ...

因为这几个TypeScript代码的坏习惯,同事被罚了500块【代码】

作者:Daniel Bartholomae 翻译:疯狂的技术宅 原文链接:https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/ 近几年 TypeScript 和 JavaScript 一直在稳步发展。我们在过去写代码时养成了一些习惯,而有些习惯却没有什么意义。以下是我们都应该改正的 10 个坏习惯。 1.不使用 strict 模式 这种习惯看起来是什么样的 没有用严格模式编写 tsconfig.json。 {"compilerOptions": {"target": "ES2015","module": "...

Typescript 接口(interface)

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口初探下面通过一个简单示例来观察接口是如何工作的:`function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label); }let myObj = { size: 10, label: "Size 10 Object" }; printLabel(myObj);`类型检...

TypeScript更多用法-常见工具类型(Utility Types)

1、Partial 构造一个所有属性都Type设置为optional的类型。该实用程序将返回一个表示给定类型的所有子集的类型。 2、Required 构造一个类型,该类型由Typeset的所有属性设置为required 3、Readonly 构造一个所有属性都Type设置为的类型readonly,这意味着无法重新分配所构造类型的属性。 4、Record<Keys,Type> 构造一个对象类型,其属性键为Keys,属性值为Type。该实用程序可用于将一个类型的属性映射到另一个类型。 5、Pick<Type,...

vue3+typescript上传文件到七牛云【代码】

本文个人博客地址:https://www.leafage.top/posts/detail/21414BX0Uleafage-ms项目写了很久了,但是一直没有完成上传文件的功能,之前看了几次七牛云的文档,折腾了几次,没有成功,今天下了决心必须解决这个问题就又开始了各种找资料,看文档,看示例,终于搞定了。项目中使用的是vite.js构建的,而且用的是typescript,网上的示例几乎没有,下面来一步步记录如何实现,七牛云的示例代码直接访问是无法访问的,这里就不挂地址了,...

TYPESCRIPT - 相关标签