TypeScript-

TypeScript-类和接口、类和泛型、接口合并现象

详情可见1.类和接口1.类"实现"接口interfacePersonInterface{name:string;say():void;}//只要实现的某一个接口,那么就必须实现接口中所有的属性和方法classPersonimplementsPersonInterface{name:string='lnj';say():void{console.log(`我的名字叫:${this.name}`);}
YY小怪兽·2024-02-20 23:52

eslint+prettier统一管理前端代码规范-进阶篇

'@typescript-eslint/parser'}安装依赖包@typescript-eslint/eslint-plugin，使用extends继承插件规则：extends:['plugin:@typescript
weiweivita·2024-02-07 00:46

TypeScript-基础类型(es6的symbol类型)

基础类型-basic-types我们使用:指定变量的类型，:的前后有没有空格都可以。原始类型boolean类型boolean类型取值false、trueletbool1:booleanbool=falseletbool2:boolean=true使用构造函数Boolean创造的对象不是布尔值,事实上newBoolean()返回的是一个Boolean对象,直接调用Boolean也可以返回一个bool
苗有趣·2024-01-07 20:10

TypeScript-数据类型

类型注释变量后面带上相关的数据类型constmessage:string='我'类型推导即便不显示的声明变量的类型,当你赋予变量初始值时，ts也会给我们隐式的加上。TypeScript中的数据类型1.Number类型letfoo:number=123foo=222进制0b代表二进制0o代表八进制0x代表十六进制2.Boolean类型letfoo:boolean=falsefoo=true3.Str
疯狂的夏铭予·2024-01-01 15:51

TypeScript-起步——TypeScript类型

Ⅱ.字面量推理我们来看下面的代码：constinfo={username:'liangshuang',age:21}info.username='彭于晏'复制代码上面这个代码，虽然是正确的的写法，但是这样写的话会带来安全隐患，比如看下面这个例子：typeMethod='GET'|'POST'functionrequest(url:string,method:Method){}constoption
七包辣条·2023-11-25 21:49

typescript-泛型

泛型为什么需要使用泛型？有时，书写某个函数时，会丢失一些类型信息（多个位置的类型应该保持一致或有关联的信息）定义：是指附属于函数、类、接口、类型别名之上的类型。泛型相当于是一个类型变量，在定义时，无法预先知道具体的类型，可以用该变量来代替，只有到调用时，才能确定它的类型。很多时候，TS会智能的根据传递的参数，推导出泛型的具体类型。如果无法完成推导，并且又没有传递具体的类型，默认为空对象。泛型可以设
前端-星贤·2023-11-05 17:13

TypeScript-开发环境搭建和类型

JS:易学，灵活但维护困难TS:解决JS的问题，以JS为基础构建的，完全支持JS,在此基础之上进行扩展，最大的贡献就是引入了类型的概念，将JS动态类型语言变成动态类型语言，支持JS平台。适合开发大型项目。可维护性高TS新增的东西:类型、支持ES6的新特性、ES不具备的新特性、丰富的配置选项、强大的开发工具对ts进行编译:直接输入命令tschello.ts2基本类型类型声明类型声明是TS非常重要的一
kyra_yy·2023-11-03 22:21

typescript-函数/类/接口

接口类型对象类型接口假设我要从后端获取一组数据，渲染到页面之中，我们可以这样定义：interfaceList{id:number;name:string;}interfaceResult{data:List[]}functionrender(result:Result){result.data.forEach((value)=>{console.log(value.id,value.name)})
盘胧er·2023-10-30 22:31

typescript-函数(六)

函数函数类型为函数定义类型完整的函数类型使用接口定义函数类型使用类型别名参数可选参数默认参数剩余参数重载函数类型为函数定义类型letadd:(x:number,y:number)=>number完整的函数类型letadd:(x:number,y:number)=>numberadd=(arg1:number,arg2:number):number=>arg1+arg2add=(arg1:numbe
明天变强一点就好·2023-10-30 22:01

typescript-函数

typescript-函数声明格式有参数的话，参数后面跟上参数类型，有返回值的话，函数小括号后面跟上返回值类型，函数没有返回值的话写void格式如下：//函数有返回值function函数名(参数名1:参数类型
零OO·2023-10-30 22:00

TypeScript-函数的可选、默认和剩余参数

详情可见1.可选参数可选参数需求:要求定义一个函数可以实现2个数或者3个数的加法functionadd(x:number,y:number,z?:number):number{returnx+y+(z?z:0);}//letres=add(10,20);letres=add(10,20,30);console.log(res);可选参数可以配置函数重载一起使用,这样可以让函数重载变得更加强大fun
YY小怪兽·2023-10-30 22:58

TypeScript-函数定义等

函数函数的声明functionsum(x:number,y:number):number{returnx+y}sum(1,2)//3函数表达式letmySum:(x:number,y:number)=>number=function(x:number,y:number):number{returnx+y}mySum(1,2)函数参数中的可选参数(注意点：可选参数后面不允许再出现必需参数)funct
土生土长的IU·2023-10-30 22:28

TypeScript- 对于对象键名（包括函数键值）不确定的接口，可以使用字符串索引的形式

AXIOS树配置项有一个需求，通过JSON数据，第一层是对应的页面对象（比如是用户页面），第二层是该页面的API请求名（比如用户的增删改查），第三层是该API的配置信息（比如，method，url…这里主要跟你的封装有关）constapi_obj:IApiObj={//登陆loginPage:{login:{method:'post',url:'/server/login'},loginPc:{m
Penk是个码农·2023-09-27 03:56

从C#到TypeScript - Generator

总目录从C#到TypeScript-类型从C#到TypeScript-高级类型从C#到TypeScript-变量从C#到TypeScript-接口从C#到TypeScript-类从C#到TypeScript-function
weixin_30344131·2023-09-11 23:45

从C#到TypeScript - async await

总目录从C#到TypeScript-类型从C#到TypeScript-高级类型从C#到TypeScript-变量从C#到TypeScript-接口从C#到TypeScript-类从C#到TypeScript-function
weixin_30399055·2023-09-11 23:45

ant design pro开发环境搭建

命令行窗口使用管理员身份打开，以免出现其他不可意料的错误１.npmcreateumi2.依次选择：->ant-design-pro->Prov4->TypeScript->simple->antd@43
hanyren·2023-09-04 05:17

自学TypeScript-基础、编译、类型

自学TypeScript-基础、编译、类型TS编译为JS类型支持类型注解基础类型`typeof`运算符高级类型class类构造函数和实例方法继承可见性只读类型兼容性交叉类型泛型泛型约束多个泛型泛型接口泛型类泛型工具索引签名类型映射类型索引查询
runsong911·2023-08-30 10:30

TypeScript-可选默认参数、剩余参数

可选默认参数TypeScript里的每个函数参数都是必须的。这不是指不能传递null或undefined作为参数，而是说编译器检查用户是否为每个参数都传入了值。编译器还会假设只有这些参数会被传递进函数。简短地说，传递给一个函数的参数个数必须与函数期望的参数个数一致。functionbuildName(firstName:string,lastName:string){returnfirstName
风之伤_3eed·2023-08-23 14:54

Typescript - 索引签名

Typescript-索引签名索引签名是TypeScript中一个强大的特性，它允许我们在对象和类中使用动态的属性名称。
尘缘..·2023-08-17 22:44

TypeScript-基础类型

一、原始数据类型TypeScript支持与js几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。1、布尔值-BooleanletisDone:boolean=false;isDone=true;//如果给isDone赋值为非布尔的值，会提示错误2、数字-Number和js一样，除了支持十进制和十六进制字面量，还支持二进制和八进制字面量。letn10:number=10//十进制letn2
·2023-08-16 10:15

为 Vue3 学点 TypeScript, 解读高级类型

直达第一课,体验typescript第二课,基础类型和入门高级类型第三课,泛型第四课,解读高级类型第五课,命名空间(namespace)是什么特别篇,在vue3源码中学会typescript-"is"第六课
铁皮饭盒·2023-08-14 13:50

为vue3学点typescript, 泛型

直达第一课,体验typescript第二课,基础类型和入门高级类型第三课,泛型第四课,解读高级类型第五课,命名空间(namespace)是什么特别篇,在vue3源码中学会typescript-"is"第六课
铁皮饭盒·2023-08-14 13:20

typescript-泛型

//letfirstInArray=(arr:(string|number)[])=>{//returnarr[0]//}letfirstInArray=(arr:T[])=>{returnarr[0]}leta1=firstInArray([1,2,3])leta2=firstInArray(['a','b','c'])leta3=firstInArray([1,'a',true,null,un
vanessa_earth·2023-08-05 06:21

TS 中的 keyof 和 typeof 操作符

TS中的keyof和typeof操作符TypeScriptkeyof操作符使用object(key)获取对象属性时报错Typescript-类型操作符keyofkeyof用于遍历某种类型的属性（可以操作接口
yanzi_0216·2023-07-22 14:58

TypeScript-是javaScript 的超集

![image.png](https://upload-images.jianshu.io/upload_images/3524933-2a05a1bbb9ece09d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)typescript可以完全ECMAScript编写![image.png](https://upload-images
·2023-06-24 03:12

Typescript-泛型

概念TypeScript的泛型与其他面向对象的语言中的定义是相似的。泛型可以理解为在我们定义函数、接口或者类的时候，不预先指定其相关的类型，而是在使用的时候手动指定类型。这和TypeScript基础类型中的any是有区别的。点击免费学习当我们不使用泛型的时候，可能就如下这样：functionshow(name:string):string{returnname;}functionshow(name
程序员的生活1·2023-06-18 23:40

TypeScript-定义基本类型

前言TypeScript给传统的JavaScript加了一层类型检查的外衣，在TypeScript中称为类型检查器。JavaScript中数据类型主要分为原始类型和引用类型，TypeScript在提供了和JavaScript相同的数据类型的同时，基于应用场景的复杂性，TypeScript中增加了void、never、unkonwn等JavaScript中没有的数据类型。number类型//整数le
两行代码三个Bug·2023-06-12 03:16

TypeScript - 接口

TypeScript-接口（Interface）[TOC]学习目标理解接口的概念学会通过接口标注复杂结构的对象接口前面我们说到，TypeScript的核心之一就是对值（数据）所具有的结构进行类型检查，除了一些前面说到基本类型标注
Betterthanyougo·2023-06-10 22:06

TypeScript-如何定义函数类型

前言函数是JavaScript中的一等公民，任何程序都需要使用函数构建抽象，TypeScript为了增强JavaScript中函数的能力，增加了别的强类型语言函数的用法。一、基本使用functionadd(x:number,y:number):number{returnx+y;}这里对参数和函数的返回值进行类型定义，要求x和y必须是numer类型，返回值必须是number类型。函数的返回类型，Ty
两行代码三个Bug·2023-04-17 06:02

typescript-对象、数组、函数类型

对象类型接口-Interfaces:可以理解为对象的结构，设置了对象结构，那么就限制了对象的样式；就像模具一样，通过模具生成的物品，结构肯定是和模具一样的例子1interfacePerson{name:string;age:number;}lettom:Person={name:'Tom',age:25};上面的例子中，我们定义了一个接口Person，接着定义了一个变量tom，它的类型是Perso
凛冬已至_123·2023-04-13 12:27

Angular-集成-Typescript-版本-Echarts-（附代码），flutter二维码扫描插件

],imports:[BrowserModule,AppRoutingModule,NgxEchartsModule],providers:[],bootstrap:[AppComponent]})exportclassAppModule{}在html中添加：angularworks!有需要的话也可以使用[initOpts]等API，这些会在后面介绍然后写一个被广泛流传的echarts-types
m0_66264856·2023-04-03 16:57

typescript-(基础类型,变量声明)

默认情况下null和undefined是所有类型的子类型。就是说你可以把null和undefined赋值给number类型的变量。然而，当你指定了--strictNullChecks标记，null和undefined只能赋值给void和它们各自。这能避免很多常见的问题。也许在某处你想传入一个string或null或undefined，你可以使用联合类型string|null|undefined类型
芗芗_·2023-04-01 08:25

typescript-接口

typescript核心的原则就是对值所具有的结构进行类型检查1)错误处理error:'colour'notexpectedintype'SquareConfig'对象字面量被定义一个interface,当作为参数传递或者赋值的时候,如果一个子项字面量存在一个没有被interface定的属性的时候,你会得到一个错误。interfaceSquareConfig{color?:string;width
芗芗_·2023-03-30 13:52

TypeScript-泛型、泛型约束

详情可见1.什么是泛型?1.在编写代码的时候我们既要考虑代码的健壮性,又要考虑代码的灵活性和可重用性通过TS的静态检测能让我们编写的代码变得更加健壮,但是在变得健壮的同时却丢失了灵活性和可重用性所以为了解决这个问题TS推出了泛型的概念2.过泛型不仅可以让我们的代码变得更加健壮,还能让我们的代码在变得健壮的同时保持灵活性和可重用性2.为什么使用泛型？一个简单的列子需求:定义一个创建数组的方法,可以创
YY小怪兽·2023-03-29 20:11

TypeScript- Union to intersection type[TypeScript 高级类型编程初级教程][全文翻译]

首发知乎：https://zhuanlan.zhihu.com/p/438903357链接：TypeScript:Uniontointersectiontype作者：@ddprrt日期：2020.06.29转载请注明本文知乎链接和译者Hugo。摘要总有些场景，你会需要把一个并集转换为交集。我们来学习如何通过条件类型和逆变来达到这个目的。通过本文，你可以学到:类型的交集和并集条件类型协变和逆变下文名
Hugo_TCCY·2023-01-29 00:50

typescript箭头函数参数_TypeScript-如何定义函数类型

前言函数是JavaScript中的一等公民，任何程序都需要使用函数构建抽象，TypeScript为了增强JavaScript中函数的能力，增加了别的强类型语言函数的用法。一、基本使用functionadd(x:number,y:number):number{returnx+y;}这里对参数和函数的返回值进行类型定义，要求x和y必须是numer类型，返回值必须是number类型。函数的返回类型，Ty
weixin_39629780·2023-01-10 07:58

TypeScript-函数声明和函数重载

详情可见1.TS函数完整格式TS函数完整格式在TS中函数的完整格式应该是由函数的定义和实现两个部分组成的//定义一个函数letAddFun:(a:number,b:number)=>number;//根据定义实现函数AddFun=function(x:number,y:number):number{returnx+y;};letres=AddFun(10,20);console.log(res);
YY小怪兽·2023-01-10 07:19

TypeScript-函数接口和混合类型接口

详情可见1.函数接口函数接口我们除了可以通过接口来限定对象以外,我们还可以使用接口来限定函数interfaceSumInterface{(a:number,b:number):number}letsum:SumInterface=function(x:number,y:number):number{returnx+y;}letres=sum(10,20);console.log(res);2.混合
YY小怪兽·2022-12-27 07:28

TypeScript-接口继承

详情可见//接口的继承//TS中的接口和JS中的类一样是可以继承的interfaceLengthInterface{length:number}interfaceWidthInterface{width:number}interfaceHeightInterface{height:number}interfaceRectInterfaceextendsLengthInterface,WidthIn
YY小怪兽·2022-12-27 07:28

TypeScript-中高级应用

TypeScript中高级应用与最佳实践当我们讨论TypeScript时，我们在讨论什么？TypeScript的定位JavaScript的超集编译期行为不引入额外开销不改变运行时行为始终与ESMAScript语言标准一致(stage3语法)TypeScript中的Decorator较为特殊，为Angular团队和TypeScript团队交易的结果，有兴趣可自行搜索相关资料。而且近期EcmaScri
短暂又灿烂的·2022-12-17 15:28

TypeScript-工具类型的设计

TypeScript-工具类型的设计文章目录TypeScript-工具类型的设计预备知识尝试解一道面试题工具类型分析与设计注意事项如何训练工具类型的编写呢？
roamingcode·2022-12-03 09:42

Typescript-接口(interface)

interface为我们的代码提供一种约定TypeScript的核心原则之一是对值所具有的结构进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约定义接口函数型接口interfacemy{name:string//可选属性+?号age?:number}letman:my={name:'zt'};funct
长沙xtt·2022-09-25 01:52

Typescript-抽象类篇

TypeScript中的抽象类//typescript中的抽象类：它是提供其他类继承的基类，不能直接被实例化。//用abstract关键字定义抽象类和抽象方法，抽象类中的抽象方法不包含具体实现并且必须在派生类中实现。//abstract抽象方法只能放在抽象类里面，抽象类是一种用来约束子类的标准而已,也就是规定export{}abstractclassAnimal{//定义抽象接口abstractr
ZhandsomeZ·2022-08-22 14:29

学习篇-TypeScript-环境搭建

文章目录一、TypeScript-环境搭建一、TypeScript-环境搭建依赖环境nodenpm官网地址：https://nodejs.org/zh-cn/安装命令npminstalltypescript
东东爱编码·2022-03-28 13:58

从C#到TypeScript - 类型

总目录从C#到TypeScript-类型从C#到TypeScript-高级类型从C#到TypeScript-变量从C#到TypeScript-接口从C#到TypeScript-类从C#到TypeScript-function
IT 哈·2022-02-22 17:44

TypeScript-如何定义类

前言传统的JavaScript中，使用的是基于原型的继承方式来使用类，虽然在ES6中明确提出了类关键字，但是支持度还不高。TypeScript允许你直接使用ES6的类语法，并且实现了各大浏览器和平台的支持。一、基本使用classPerson{name:stringconstructor(name:string){this.name=name;}}然后这样使用这个类：letmss=newPerson
两行代码三个Bug·2022-02-13 19:42

TypeScript －系统入门到项目实战完结无密

download:TypeScript－系统入门到项目实战一为什么运用外部文件当JavaScript脚本代码很复杂或多个HTML页面需求运用到JavaScript脚本时，能够将JavaScript脚本的代码编写到一个外部文件中
·2021-11-30 22:49

TypeScript-类

graphTBA[类]A-->B(1继承)A-->C(2修饰符)-->D(public)C-->E(protected)C-->F(private)C-->Y(readonly)A-->G(3静态属性)A-->H(4静态方法)A-->I(5实例方法)A-->J(6多态)A-->K(7抽象类)styleAfill:#2ff,fill-opacity:0.1,stroke:#faa,stroke-wi
·2021-08-03 09:54

TypeScript - 环境搭建与编译

TypeScript-环境搭建与编译[TOC]学习目标学会环境搭建掌握TypeScript代码的编译与运行TypeScript环境搭建TypeScript编写的程序并不能直接通过浏览器运行，我们需要先通过
Betterthanyougo·2021-06-19 19:10

Typescript-基础类型快速上手

TypeScriptTS是JS的超集，有JS的一切，然后还添加了静态类型和一点碎知识；一、如何添加静态类型？TS里有个功能，类型注解：一种轻量级为函数或变量“添加约束的方法”。具体做法就是在函数或变量名后，冒号加类型二、基础类型快速理解我习惯的分类如上图TS基础数据类型，我习惯分成8个去记；其中右侧绿色的跟JS一样，比较简单。自己看一眼就知道什么意思了；接下来的内容主要学习一下左侧略有点难度的内容
赛博剑仙_李玄器·2021-06-12 11:55
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他