首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TypeScript - 类型声明、枚举、函数、接口

可定义的类型 以下所写的并不代表typescript的数据类型,而是在使用过程中可以用作定义的类型。...object : 对象类型; 为一个变量定义object类型时,意味着变量的值可以为数组、函数、Date等,就像js所定义的object。...interface : 接口; 该类型需要通过interface关键词来实现 enum :枚举类型; 该类型需要通过enum关键词来实现 void :空类型; 该类型规定函数返回值,代表无返回值...Enum添加属性, Enum["A"] = 0赋值后返回0作为索引, 发生第二次赋值Enum[0] = 'A' 此时的Enum内部为 {"A":0, 0:"A"} 函数 1.默认参数 可选参数 //返回值为字符串数组...void)=>{ resolve('result') }) return p } //第二种 声明返回值的泛型 function asyncFn():Promise<string

1.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TypeScript魔法堂:函数类型声明其实很复杂

    本系列将重点分享TypeScript类型声明相关实践 函数类型声明其实很复杂 玩转交叉类型和联合类型 class,inteface和type到底选哪个?...高阶函数的类型声明 高阶函数作为JavaScript最为人称道的特性,在TypeScript中怎能缺席呢? // 1 let foo1: (message: string, count?...1、2和3方式声明了变量的值类型,而2中的interface FooDecl和4中则声明类型本身。 foo1,foo2,foo3作为变量(value)可作为传递给函数的实参,和函数的返回值。...因此针对它们的值类型声明是无法被重用的,也无法用于函数声明和其它类型声明中; FooDecl,FooType作为类型声明,及可以被反复重用在各函数声明和其它类型声明中。...函数类型兼容 函数类型兼容的条件: 形参列表个数小于等于目标函数类型的形参列表个数; 形参列表中形参类型的顺序和目标函数类型的形参列表一致,或形参类型为目标函数类型相应位置的参数类型的子类型; 函数返回值必须为目标函数类型返回值的子类型

    1.3K10

    TypeScript类型断言-类型的声明和转换

    TS中并不能判断在使用联合类型时具体是那种类型?当我们不知道是什么类型的情况下要使用某个类型特有的属性或者方法,那么就可以用断言来实现,它实际上是对编辑器做了提前告知的行为,但是并不能保证运行中报错。...,否则不要使用类型断言,这是因为类型断言会让 TypeScript 编译器将变量当做指定的类型,而不管它实际的类型,在程序运行时可能有类型错误,断言需要慎用。...我们可以在变量声明的时候就告诉编辑器该属性一定会被赋值,即在变量名后面加个!符号let score!...19;我们可以改成这样就不会报错啦const obj:Object = {};(obj).name = 'zhangsan';(obj).age = 19;(4)调用函数时将参数和返回值断言成精确的值...function func(val:any):any{ return 1}func(1)调用函数时我们改成以下所示,这样方便我们维护代码,约束了传参和函数返回值,不能any走天下。

    37910

    Typescript中的复杂类型声明

    Typescript为javascript加入了众多类型声明语法,灵活使用可使代码变得健壮,不严谨的类型声明会带来后期的维护麻烦。...本篇假设读者已经学会ts的基础类型声明语法,包括type、interface、extends和泛型,在此基础上,聊一聊一些更加复杂的类型声明场景以及解决办法。...最好的办法是自动筛选出Person类中符合某一规则的属性,生成一个新的类型。怎么做到呢?...,Readonly由原有的T类型“映射”成一个新的类型,新类型继承T的所有属性并限制其只读。...这类用到了keyof关键字的类型我们称之为”映射类型“。延伸地看一下,周围还有Pick、Record等等类型声明的例子,读者可以统一看一遍,有利于之后的开发。

    7.2K50

    TypeScript函数的类型

    函数声明 在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression): 函数声明(Function...(x,y){ return x+y; } 一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单: function sum...在 TypeScript 的类型定义中,=> 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。...==-1; } 采用函数表达式|接口定义函数的方式时,对等号左侧进行类型限制,可以保证以后对函数名赋值时保证参数个数、参数类型、返回值类型不变。...可选参数 前面提到,输入多余的(或者少于要求的)参数,是不允许的。那么如何定义可选的参数呢?与接口中的可选属性类似,我们用 ?

    2K30

    【TypeScript】TS类型断言-类型的声明和转换(七)

    TS中并不能判断在使用联合类型时具体是那种类型?当我们不知道是什么类型的情况下要使用某个类型特有的属性或者方法,那么就可以用断言来实现,它实际上是对编辑器做了提前告知的行为,但是并不能保证运行中报错。...,否则不要使用类型断言,这是因为类型断言会让 TypeScript 编译器将变量当做指定的类型,而不管它实际的类型,在程序运行时可能有类型错误,断言需要慎用。...startClass();console.log('' + score); // 使用前赋值function startClass() { score = 5;}编辑器中会直接报错,我们可以在变量声明的时候就告诉编辑器该属性一定会被赋值...19;const obj:Object = {};(obj).name = 'zhangsan';(obj).age = 19;(4)调用函数时将参数和返回值断言成精确的值function...func(val:any):any{ return 1}func(1)调用函数时我们改成以下所示,这样方便我们维护代码,约束了传参和函数返回值,不能any走天下。

    55610

    【TypeScript】006-函数的类型

    函数声明 在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression): // 函数声明(Function...(x, y) { return x + y; }; 一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单: function...在 TypeScript 的类型定义中,=> 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。...== -1; } 采用函数表达式|接口定义函数的方式时,对等号左侧进行类型限制,可以保证以后对函数名赋值时保证参数个数、参数类型、返回值类型不变。...可选参数 前面提到,输入多余的(或者少于要求的)参数,是不允许的。那么如何定义可选的参数呢? 与接口中的可选属性类似,我们用 ?

    3900

    TypeScript 在 Vue2 中的类型声明问题

    0x00 hello world 最近在一个新项目中,尝试了vue2+typescript的组合,碰到一个问题,在data属性中,我怎么声明一个变量的类型。...function () { if (this.bar) { this.bar.a = ""; } }, }, }); 这样,只要在函数里面...0x05 类型扩展 还有个常见的问题,一般来说,Foo类型是接口那边定义的类型,定义了接口返回的数据类型,但是在编码过程中,对接口返回的数据进行处理后,需要保存处理后的信息到变量中,如何在不修改Foo类型的定义的前提下...methods: { abc: function () { if (this.bar) { const foo = { a: "", b: "" }; //假设这个数据是接口返回的...const foos = [foo]; //假设这个数据是接口返回的 this.bar = { ...foo, ab: foo.a + foo.b };

    4.7K100

    TypeScript 中的变量声明:变量声明的语法、变量的作用域、变量的类型推断和类型断言

    在 TypeScript 中,变量声明是非常重要的一个概念,它定义了变量的名称和类型。通过正确地声明变量,我们可以增强代码的可读性、可维护性和可扩展性。...本文将详细介绍 TypeScript 中的变量声明,包括变量声明的语法、变量的作用域、变量的类型推断和类型断言等内容。...globalVariable 可以在函数 sayHello 和之后的代码中都可以访问。...类型推断和类型断言TypeScript 具有强大的类型推断能力,它可以根据上下文自动推断变量的类型。例如,如果我们在定义变量时直接赋值,TypeScript 可以推断出变量的类型。...总结本文详细介绍了 TypeScript 中的变量声明,包括变量声明的语法、变量的作用域、变量的类型推断和类型断言等内容。

    77920

    TypeScript 中的类型检查实用函数

    TypeScript 中的类型检查实用函数 一、概述 在前端开发中,我们经常需要判断变量的类型以进行相应的操作或处理。...TypeScript 提供了基础的类型检查,但有时我们需要更复杂或更灵活的类型检查。这篇博客文章将介绍一组实用函数,用于各种常见的类型检查。...二、代码实现 // 禁用一些 ESLint 规则,主要是因为下面使用了 Object.prototype 的方法 // eslint-disable-next-line @typescript-eslint.../unbound-method const { toString } = Object.prototype // 判断一个值是否为指定类型 export function is(val: unknown...判断一个值是否是字符串 export function isString(val: unknown): val is string { return is(val, 'String') } // 判断一个值是否是函数

    5900

    C++ 新特性学习(五) — 引用包装、元编程的类型属性和计算函数对象返回类型

    、(成员)函数(指针) 构造时必须传入所引用的对象或引用对象的右值引用 主要方法有 =号操作符, 用于重新绑定引用对象 类型转换操作符, 用于转换为模板目标类的引用类型 get方法, 用于获取引用的对象...()操作符, 用于执行引用的函数 同时与其配对的函数有 std::ref 返回std::reference_wrapper,可以视为转换对象为引用 std::cref 返回常量引用对象std::reference_wrapper...元编程的类型属性 元编程的定义是可以修改自身或其他代码的代码,当然,C++不是动态语言,这个修改可以在编译或执行的时期。...= %d\n", factorial::value); return 0; } 比较有意思吧,这个不是新标准,新C++标准增加了类型属性,什么叫类型属性呢?...(仿函数)的返回值类型 主要涉及一个模板函数std::result_of,它使用了decltype并支持函数对象(关于decltype请参见 https://www.owent.net/2011/508

    1.3K30

    C++ 新特性学习(五) — 引用包装、元编程的类型属性和计算函数对象返回类型

    、(成员)函数(指针) 构造时必须传入所引用的对象或引用对象的右值引用 主要方法有 =号操作符, 用于重新绑定引用对象 类型转换操作符, 用于转换为模板目标类的引用类型 get方法, 用于获取引用的对象...()操作符, 用于执行引用的函数 同时与其配对的函数有 std::ref 返回std::reference_wrapper,可以视为转换对象为引用 std::cref 返回常量引用对象std::...然后是 元编程的类型属性 元编程的定义是可以修改自身或其他代码的代码,当然,C++不是动态语言,这个修改可以在编译或执行的时期。...= %d\n", factorial::value); return 0; } 比较有意思吧,这个不是新标准,新C++标准增加了类型属性,什么叫类型属性呢?...(仿函数)的返回值类型 主要涉及一个模板函数std::result_of,它使用了decltype并支持函数对象(关于decltype请参见 https://www.owent.net/2011/508

    1.8K30

    函数出错返回的数据类型

    函数出错返回的数据类型有4中情况:错误码、NULL值、空对象、异常对象。 1. 错误码 C语言中没有异常这样的语法机制,返回错误码便是最常用的的出错处理方式。...当函数返回的数据是字符串类型或者集合类型的时候,我们可以用空字符串或空集合替代 NULL 值,来表示不存在的情况。这样,我们在使用函数的时候,就可以不用做 NULL 值判断。...抛出异常对象 最常用的函数出错处理方式是抛出异常。异常有两种类型:受检异常和非受检异常。 至于孰好孰坏,只需要根据团队的开发习惯,在同一个项目中,制定统一的异常处理规范即可。...如果函数是 public 的,你无法掌控会被谁调用以及如何调用(有可能某个同事一时疏忽,传递进了 NULL 值,这种情况也是存在的),为了尽可能提高代码的健壮性,我们最好是在 public 函数中做 NULL...从代码封装的角度,并不希望将比较底层的异常暴露给更上层的代码,而且调用者拿到该异常时并不能理解这个异常到底代表了什么,也不知道该如何处理。 异常跟调用者调用的函数,在业务概念上没有相关性。

    2.2K20

    父类返回子类类型的函数写法

    不过由于我们的这个 Event 的类型比较多,因此希望写一个父类,来一个子类感受下: class DisposableEventBuilder : EventBuilder() { private....build() 我们调用完父类的 retryLimit 方法后,想要设置下 delay,结果发现没有这个方法。 “我 X,这什么玩意儿”,你嘟囔了一句。 因为返回的是父类,所以链式调用掉链子了。...,那么这样的话我们就可以在返回自身类型的位置返回 T 这个类型了。...子类的改动就很简单了,只需要给父类加一个泛型参数为自己的类型即可: class DisposableEventBuilder : EventBuilder...() { ... } 其他的什么也不用动,这时候我们的链式调用就没啥问题了: DisposableEventBuilder().retryLimit(3) .delay(60_

    4.8K10

    【Kotlin】函数 ③ ( 匿名函数 | 匿名函数的函数类型 | 匿名函数的隐式返回 )

    文章目录 一、匿名函数 二、匿名函数的函数类型 三、匿名函数的隐式返回 一、匿名函数 ---- 声明函数时 , 没有 函数名 的函数 是 匿名函数 ; 匿名函数 可以作为 函数参数 , 也可以作为 函数返回值...Boolean) 扩展函数 , 接收一个 (Char) -> Boolean 类型的函数 , 用于 返回匹配给定 匿名函数 的字符数 ; /** * 返回匹配给定[谓词 predicate 匿名函数...决定 ; 有 相同 参数顺序 , 参数个数 和 返回值类型 的函数 , 其 函数类型相同 ; 如上个章节 , 扩展函数 CharSequence.count 接收的匿名函数参数 predicate ,...: 声明一个函数类型变量 , 然后为其赋值 , 最后执行上述函数 ; fun main() { // 声明 函数类型 变量 val helloFun: ()->String...Boolean 值 , 第三行是 String 值 , 最后返回的是最后一行 String 值 ; fun main() { // 声明 函数类型 变量, 并为其赋值 匿名函数 val

    3.1K20

    Golang 函数返回类型是接口时返回对象的指针还是值

    1.接口简介 Interface 是一组抽象方法(未具体实现的方法,仅包含方法名参数返回值的方法)的集合,如果实现了 interface 中的所有方法,即该类型就实现了该接口。...注意: (1)接口中不能含有属性; (2)每种类型都能实现多个接口; (3)未初始化的接口类型变量的值为 nil。...接口声明格式: type InterfaceName interface { //方法列表 } 2.函数返回类型是接口时返回对象的指针还是值 函数返回类型是接口时返回对象的指针还是值,这个要看具体的需要...=createEmployeeObj() o.Set() o.Print() e.Print() } 输出结果: company=alibaba company=alibaba 可见函数返回类型是接口时返回对象的指针...company="alibaba" e1.Print() } e.Print() } 输出结果: company=alibaba company=tencent 可见函数返回类型是接口时返回对象的值

    8.1K30

    【DB笔试面试466】存储过程或函数如何返回集合类型?

    题目部分 存储过程或函数如何返回集合类型? 答案部分 TABLE()函数可接受查询语句或游标作为输入参数,并可输出多行数据,称为表函数。...所以,存储过程或函数返回集合类型主要采用的是表函数和PIPELINED函数(管道化表函数)及数组结合的方式。当然,也可以采用存储过程返回系统游标SYS_REFCURSOR或自定义游标的方式。...---------------------------------- - dynamic sampling used for this statement (level=2) 可以看到,一个简单的表函数可以返回多行数据...,需要设置多个OUT类型的参数。...OTHERS THEN NULL; END; 查询: SELECT F_GET_SYS_REFCURSOR_LHR(7566) FROM DUAL; 结果如下所示: 有关存储过程或函数返回集合类型的写法有多种

    1.3K30
    领券