设置匿名函数TypeScript的类型
匿名函数是一种不具名的函数，也称为函数表达式。它在编写代码时可以直接定义并传递给其他函数或变量使用，而无需提前定义函数名称。在TypeScript中，可以通过以下方式设置匿名函数的类型：
const myFunction: () => void = function() {
// 函数体
};在上面的示例中，myFunction是一个变量，它的类型被定义为() => void，表示该变量是一个没有参数且返回类型为void的函数。
匿名函数的类型设置可以根据实际需求进行调整。以下是一些常见的匿名函数类型示例及其应用场景：
- 带参数的匿名函数：
const sum: (a: number, b: number) => number = function(a, b) {
return a + b;
};这个匿名函数接受两个参数a和b，并返回它们的和。
- 匿名函数作为回调函数：
function execute(callback: () => void) {
// 执行一些操作
callback();
}
execute(function() {
console.log('回调函数被执行了');
});这个例子中，execute函数接受一个回调函数作为参数，并在适当的时候执行该回调函数。
- 匿名函数作为数组的映射函数：
const numbers: number[] = [1, 2, 3, 4, 5];
const squaredNumbers: number[] = numbers.map(function(number) {
return number * number;
});这个例子中，map函数接受一个匿名函数作为参数，并将该函数应用于数组中的每个元素，返回一个新的数组。
- 匿名函数作为对象方法：
const myObject = {
sayHello: function() {
console.log('Hello!');
}
};
myObject.sayHello();这个例子中，myObject对象的sayHello属性被设置为一个匿名函数，当调用myObject.sayHello()时，会打印出Hello!。
腾讯云的相关产品和产品介绍链接地址请参考腾讯云官方文档或网站。
相关·内容
1回答
我遵循以下说明：“返回所提供数组中所有知道typescript的人的数组”。 export interface Person {
name: string,
netWorth: number,
coder?: boolean,
us?: boolean
city: string,
languages: string[]
}
export const cities = ['nyc', 'sf', 'la']
export const languages = [
'javascrip
浏览 13提问于2020-01-05得票数 0
1回答
我正在尝试学习TypeScript使用Barasat的深度潜水。
我在Arrow函数和继承中看到了下面的代码。请帮助我理解第二个:string在"(b:string)：string“一行中的意义。
class Adder {
constructor(public a: number) {}
// This function is now safe to pass around
add = (b: string): string => {
return this.a + b;
}
}
浏览 0提问于2017-04-06得票数 1
我有一个名为ui.js的javascript文件。
ui.js内部是UI设置代码。
if (!("ontouchstart" in document.documentElement)) {
document.documentElement.className += " no-touch";
var jScrollOptions = {
autoReinitialise: true,
autoReinitialiseDelay: 100
};
$('.box-typical-body'
浏览 0提问于2016-07-12得票数 27
回答已采纳
我对打字很陌生，也很少尝试。
其中函数要求数字参数和bool作为返回值。
function where(items: number[], filter: (item: number) => bool) {
for (var counter = 0; counter < items.length; counter++) {
var item = items[counter];
if (filter(item)) {
console.log(item);
}
}
}
var data = [1, 2
浏览 6提问于2013-05-09得票数 0
回答已采纳
1回答
我可以在TypeScript中得到一个方法的名称吗？例如：
class C {
test() { return this.test.name; } // should return "test";
}
我可以通过扩展函数接口使其工作于函数：
interface Function {
name: string;
}
function f() {
return f.name; // returns "f"
}
在某种程度上，我也能让这种方法发挥作用吗？
浏览 3提问于2015-10-30得票数 3
回答已采纳
在我开始我的问题之前，请允许我指出，我已经对这个问题做了相当多的研究，并提出了几个相关的问题，你可以在这里找到：
虽然TypeScript在走向1.0版的道路上似乎很成熟，但我很早就注意到，在它的初级阶段，使用TypeScript...however来填充/shim/monkey修补程序/扩展核心对象(对象、字符串、数字、布尔等)的功能并不容易--这在纯JavaScript中是完全合法的，在我看来，创建兼容跨浏览器的API是必要的。
现在我们使用了0.9.5版本，我注意到在这方面有了很大的改进，现在我们可以扩展核心对象的原型了，而且我们似乎也可以向核心对象添加静态函数了，too...HOW
浏览 2提问于2013-12-23得票数 2
回答已采纳
我一直在尝试重载函数，但由于某种原因，typescript使用any类型突出显示了我的函数参数。
以下是我试图实现的目标：
我为对象声明了两种类型：
type SomeObj = { prop: number }
和
type AnotherObj = { anotherProp: string }
我的函数是：
interface SomeFunc { <T = AnotherObj>(a: T, b: true): T & SomeObj; <T = AnotherObj>(a: T, b?: boolean): T; }
下面是实现部分：
浏览 13提问于2020-03-01得票数 0
因此，我试图建立对Typescript装饰器的理解，并且我一直停留在关于类装饰器的例子上。给出的例子展示了如何通过function(){}形成类装饰器。
function classDecorator<T extends {new(...args:any[]):{}}>(constructor:T){
return class extends constructor {
newProperty = "new property";
hello = "override";
浏览 2提问于2019-05-20得票数 2
在typescript中有没有办法创建匿名类？
我的代码：
export abstract class Runnable {
public abstract run();
}
我正试着做这样的事情：
new Runnable {
runner() {
//implement
}
}
我该怎么做呢？
浏览 34提问于2017-03-13得票数 35
我无法理解如何从对象(实际上是命名空间)中的类中显式地在TypeScript中分配类型：
let obj = {
hello: class {
constructor: function () {
console.log('hi');
}
}
}
// Implicit type assignment in global space works
var inst = new obj.hello();
// But explicit assignment of the type doesn't w
浏览 0提问于2018-01-23得票数 0
回答已采纳
我读到了微软的一种新的类似JavaScript的语言，叫做。在中，TypeScript语法中有一个简单的类被转换为JavaScript代码。我有Java编程背景，了解从TypeScript编译而来的JavaScript是如何实现OOP的，这对我来说很有趣。
TypeScript代码：
class Greeter {
greeting: string;
constructor (message: string) {
this.greeting = message;
}
greet() {
return "Hello,
浏览 0提问于2012-10-02得票数 17
回答已采纳
在TypeScript中使用泛型时，泛型参数函数访问该类型通常很有用。对于命名函数，有一个标准模式可以做到这一点：
interface TestInterface<T> {
foo: (input: T) => string;
};
const interfaces: TestInterface<string>[] = [
{foo: (x: string) => `foo-${x}`},
{foo: (x: string) => `bar-${x}`},
];
function func<T>(x: T, in
浏览 0提问于2020-08-27得票数 1
我试图保留回调参数的类型信息，其中回调是泛型的：
function Foo<Template>(argument: Template) {
// Do something with argument
}
function Bar(callback: Function) {
callback('something')
}
let x = Bar( Foo<String> )
这看起来不像是有效的typescript语法。有办法做到这一点吗？
浏览 4提问于2017-08-18得票数 13
我试图通过app.tsx中的组件属性向下钻取应用程序状态，但得到一个typescript错误：
Type '{ dailyObd: RouteComponentProps<any, StaticContext, {}>; }' is not assignable to type 'IntrinsicAttributes & obds & { children?: ReactNode; }'.
Property 'dailyObd' does not exist on type 'IntrinsicAttri
浏览 17提问于2020-05-16得票数 0
回答已采纳
我正在使用D3.js、TypeScript和Vue属性装饰器开发Vue项目。我想要绘制一个热图，但当我想调用x()或y()函数以换取热图中每个单元格的计算位置时，会出现一个错误。它会抛出错误
键入"SVGAnimatedLength“没有调用签名。
这就是我如何输入图表变量的方法。
private svg: d3.Selection<SVGGElement, any, HTMLElement, any>
private x: d3.ScaleBand<string>
private xAxis: d3.Selection<SVGGEle
浏览 5提问于2021-01-19得票数 1
回答已采纳
在我的代码上运行tslint，我得到这个错误：
expected variableDeclarator: 'getCode' to have a typedef.
对于TypeScript文件：
export var getCode = function (param: string): string {
// ...
};
我如何改进这一点，使我看不到tslint错误？
浏览 0提问于2014-10-30得票数 5
回答已采纳
我正在尝试学习一些教程，但我在理解typescript语法时遇到了困难。请提供以下typescript语法的说明 1 type ValidationResult<T, U> = Partial<{ [Key in keyof T]: U }>; 我在typescript手册的泛型章节中找不到一个例子来描述上面语句中的<T, U>部分-它是什么意思？这是否意味着T是输入，而U是输出？ 我理解部分，但似乎不能理解Partial<{ [Key in keyof T]: U }>，请解释一下它的意思 2 type Validation<T, U&
浏览 30提问于2020-06-17得票数 1
回答已采纳
使用KoaV2.7.0和TypeScript v3.3.1
我的"errorHandler“中间件函数是这样导出的
export const clientErrorHandler = () => {
return async (ctx: Context, next: NextFunction) => {
try{
await next();
}
catch (err){
if(err instanceof HTTPClientError){
浏览 0提问于2019-02-03得票数 0
回答已采纳
我正在尝试让强制类型转换在typescript中工作。我记得在过去我做了一些类似下面的例子，但它似乎不能工作，我不确定是因为typescript的版本还是其他什么原因。在下面的例子中，我如何强制类型转换下面的例子：
class UserDto {
name: string;
email: string;
id: () => number; // before this used to work
}
let req = {
name: 'John Doe',
email: 'email@email.com',
浏览 0提问于2021-04-27得票数 1
我正在尝试创建一个函数，它接受一个类作为参数(不是类实例，而是类本身)，并返回另一个类，它扩展了参数中给出的类。
我尝试按如下方式定义typescript函数，但得到以下错误：Type 'typeof (Anonymous class)' is not assignable to type 'T'
function extendClass<T>(base: T): T {
return class extends base{
};
}
上面这个函数的用法示例：
class A {
}
const B = extendClass(A
浏览 0提问于2018-12-09得票数 1
我想在typescript中创建一个嵌套对象的层次结构，如下所示
snapshot{
profile{
data{
firstName = 'a'
lastName = 'aa'
}
}
}
我不想创建类结构，只想创建嵌套的对象层次结构，仅此而已。
浏览 136提问于2017-07-20得票数 20
我发现大部分代码都是像下面这样的代码，它们可能在javascript中工作，但我无法让它在类型记录中工作。
//javascript version
navigator.geolocation.getCurrentPosition( function(position){
ShowLocation( position, variable );
});
function ShowLocation(position, variable){
console.log(position, variable);
}
//what I've tried on type
浏览 0提问于2018-10-13得票数 1
回答已采纳
1回答
我希望能够传入数量不定的MyDataStruct，每个都将一个类型作为dataList，将该数据作为它的类型进行处理，并返回一个列表列表，保持这些类型的顺序。 我来自JavaScript/TypeScript背景，正在努力学习Kotlin，所以这就是我遇到这个问题的原因。 fun myFunction(
dataList: List<MyDataStruct<String>, MyDataStruct<Int>, MyDataStruct<Boolean>>
): List<List<String>, List<
浏览 13提问于2019-10-19得票数 0
在TypeScript中，您可以使用以下方法从接口映射和分解部分数据集
interface Person {
name: string;
address: string;
}
function getName({ name }: Person): Partial<Person> {
return ({ name });
}
const people: Person[] = [
{
name: "Sally",
address: "1234 E Test St."
},
// ...
];
const na
浏览 51提问于2018-10-24得票数 1
回答已采纳
2回答
我有以下TypeScript函数：
$.each($("[data-static-map-image]"), function () {
$(this).attr("src", $(this).data("mapImageUrl"));
});
我想把它转换成Arrow函数。不幸的是，我不知道如何使它与每个循环一起工作。谁能给我个提示吗？
我请求你的宽容，因为我还在学习阶段的开始。
浏览 12提问于2022-07-14得票数 0
回答已采纳
2回答
当对象缺少引用(上下文)时，我一点也不困惑。
在TypeScript中(由于解释性原因，这里显示了一些虚拟参数)：
胖箭
var x = new SomeClass();
someCallback(function(a){x.doSomething(a)});// some time this x object may
missing the reference (context) of x object
someCallback(a => x.doSomething(a));// if we using arrow function, then how
it man
浏览 1提问于2017-10-05得票数 0
回答已采纳
1回答
考虑以下代码：
enum MyEnum {
Enum1,
Enum2
}
function switchOverEnum(myEnum: MyEnum) {
switch (myEnum) {
case MyEnum.Enum1:
console.log('it is an enum1');
break;
// I am missing the case MyEnum.Enum2 here,
// but the TypeScript compiler does not c
浏览 0提问于2021-05-08得票数 2
我正在为方法loadScript()编写一个测试
export class CourseContentElementEmbedTweetService {
private readonly TWITTER_OBJECT = 'twttr';
private readonly TWITTER_SCRIPT_ID = 'twitter-wjs';
private readonly TWITTER_WIDGET_URL = 'https://platform.twitter.com/widgets.js';
private readon
浏览 0提问于2021-09-03得票数 0
回答已采纳
我刚开始使用typescript，并且对使用=>箭头感到困惑。谁能解释一下下面的javascript代码的含义：
this.dropDownFilter = values => values.filter(option => option.value !== 'Others')
浏览 0提问于2018-08-07得票数 0
1回答
ctx函数的loggerOfHidden参数应该有哪些签名才能起作用？
'T' could be instantiated with an arbitrary type which could be unrelated to '(Anonymous class)'错误是什么意思？
忽略错误，它输出的很好。
Argument of type 'this' is not assignable to parameter of type 'T & Constructor<ISayHidden>'.
Type
浏览 4提问于2021-03-20得票数 0
回答已采纳
我试图在TypeScript 3.x中实现一个子类工厂模式。考虑一下这个测试：
import { expect } from 'chai'
describe('subclass factory', () => {
it('should work', () => {
interface INameable {
name?: string
}
const name = 'I am a Nameable!'
function nameableSubclassOf<T
浏览 1提问于2018-10-24得票数 0
回答已采纳
我正在编写一个工厂作为一个Typescript类，并在需要的时候用new FactoryName()实例化它。
我通过这样做让它像工厂一样工作：.factory('FactoryName', function() { return FactoryName; })，它工作得很好，但现在我需要在不污染构造函数调用的情况下，将我在Typescript之外创建的另一个工厂注入其中。这有可能吗？
浏览 9提问于2016-07-14得票数 0
回答已采纳
我正在转换一个包含大量jQuery插件的大型JS文件来使用TypeScript，所以我还需要创建必要的TS定义文件。我遇到了一个插件，我不知道定义文件是什么。
插件示例：
(function ($) {
$.fn.foo = function (options) {
var settings = $.extend({
one: false,
two: true
}, options);
//do something
};
$.fn.foo.bar = function (input) {
return input;
};
浏览 3提问于2015-06-06得票数 2
回答已采纳
Typescript最近在其1.4版本中引入了类型别名。
它看起来像接口和类型别名，这两种服务器都有相同的目的--定义一个自定义类型。我想知道什么时候应该使用类型别名或接口，是否有标准/最佳实践？
浏览 16提问于2015-02-12得票数 4
我将Angular2与SystemJS结合使用。我遇到了一些问题，这些问题归结为TypeScript编译器生成匿名寄存器而不是命名寄存器：
...
System.register([], [...deps...], ...); //Generated by TypeScript compiler
System.register('myModule', [...deps...], ...); //How to do this?
...
这是为了捆绑。我喜欢做Angular2已经为我自己的组件所做的事情。将多个System.register调用放入一个缩小的文件中，然后导入根组件。
浏览 2提问于2016-04-29得票数 1
回答已采纳
我正在使用Typescript遵循Facebook react教程。然而，这是我第一次使用react和typescript。我想把一个onClick事件传递给'Square‘类，这个类使用typescript实现了一个状态和属性接口。
如何使这个Square类能够接受我的onClick事件并按预期触发它？正在与语法sugar作斗争。
import * as React from 'react';
interface MyProps {
value?: string;
}
interface MyState {
value?: string;
浏览 2提问于2017-03-27得票数 1
在以下示例中：
function functionA(x: string, y: number, z: SpecialType): void { }
const functionWrapper: (x, y, z) => functionA(x, y, z);
functionWrapper的参数类型为any。有什么方法可以鼓励tsc从他们的使用中推断出他们的类型吗？TypeScript类型系统的什么限制阻止了这个问题的解决？
浏览 33提问于2019-11-28得票数 0
回答已采纳
我正在为我的项目开发一个小的异步库。我决定用TypeScript对其进行编码，但正如标题所示，我的编译器向我抛出了一个'XMLHttpRequest' does not exist on type 'Window'错误。
如果窗口没有ActiveXObject，我想要实现的是创建XMLHttprequest。
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTT
浏览 14提问于2017-01-04得票数 7
回答已采纳
1回答
我有以下jQuery承诺(使用TypeScript)。奇怪的是，fail()中的操作被立即调用--错误消息被写入控制台--尽管承诺随后成功地解决了：
this.jQuery.getJSON(this.options.searchUrl, queryFilter)
.done(this.orderLinesCallback)
.fail(console.log("Error on retrieving orders"));
浏览 2提问于2016-01-08得票数 1
回答已采纳
我有一个具有简单按钮处理程序方法的组件。如果我不将onClick处理程序绑定到构造函数(或onClick本身的内联)中的this，则会得到一个错误，因为handleAdd方法的上下文不是组件状态为.
我理解bind是如何工作的，但是有什么解决办法可以避免在bind + React中到处使用TypeScript吗？
export class TodoList extends React.Component<ITodoListProps, Partial<ITodoListState>> {
constructor(props: ITodoListProps) {
浏览 2提问于2017-05-16得票数 9
回答已采纳
我想要创建一个通用的TypeScript接口，它匹配任何类型或接口或对象，并对其中的值进行类型限制。
下面是MyInterface，它有属性fooIProp和barIProp，它们用示例存储字符串：
interface MyInterface {
fooIProp: string;
barIProp: string;
};
const testInterface: MyInterface = {
fooIProp: "foo",
barIProp: "bar"
};
下面是MyType类型别名，它具有属性fooTProp和barTProp，其
浏览 2提问于2021-01-21得票数 0
回答已采纳
2回答
我只是在想，在javascript或typescript中，是否有一种方法可以在元素映射本身中编写fat箭头函数的条件？
当前代码
functionName(data => {
if(data){
}
});
在data到达if语句之前是否有检查它的语法？
有点像
functionName(data? => {
if(data){ // This code is then not needed
}
});
或
functionName(!data => {
if(data){ // This code is then not needed
}
浏览 0提问于2018-05-16得票数 1
回答已采纳
为什么要在TypeScript中创建这个结构？
var sayFirstNumber: (firstNumber: number) => void;
sayFirstNumber = function (first: number) {
console.log(first);
}
浏览 0提问于2016-10-31得票数 1
我正在尝试在一个Typescript项目中懒惰地加载firebase，并希望让webpack将firebase放到一个单独的块中。代码是： let asyncFirestore: firebase.firestore.Firestore
export default async () => {
if (isNil(asyncFirestore)) {
asyncFirestore = await import(/* webpackChunkName: "chunk-firebase" */ 'firebase/app').then(
浏览 17提问于2020-01-16得票数 0
我认为Interface很少同时具有匿名和命名功能。是这样的吗？
TypeScript编译器允许接口同时具有匿名函数和命名函数。
// no error
interface Foo {
(x: number, y: number): number; // anonymous
namedMethod: (z: string, w: string) => string; // named
}
但它似乎无法实现。
// badProp is not assignable
const foo1 : Foo = {
badProp(x: number, y: number) { ret
浏览 1提问于2016-12-11得票数 7
回答已采纳
情况有点像这样： const searchKeyPressHandler = (appDispatch: any, e: any) => {
if (e.keyCode === 27) {
appDispatch({ type: "closeSearch" })
}
}
document.addEventListener("keyup", searchKeyPressHandler); // <-- error on searchKeyPressHandler
return () => document.re
浏览 162提问于2020-08-18得票数 1
回答已采纳
我是TypeScript.Currently的新手，我正在尝试学习TypeScript.Here中的界面是我的代码：
interface ClockInterface{
currentTime:Date;
setTime(d:Date):void;
}
class Clock implements ClockInterface{
currentTime:Date;[**[ts] Property 'currentTime' has no initializer and is not definitely assigned in the construct
浏览 0提问于2018-07-28得票数 0
3回答
在C#中，对象初始值设定项可以设置公共的非只读字段和属性。
但是，对于匿名类型，属性是只读的。那么.NET如何在对象初始化时设置它们呢？
浏览 1提问于2012-05-18得票数 3
回答已采纳
1回答
我尝试使用Compiler API来处理JavaScript代码，并使用类型推断来预测'object.property‘PropertyAccessExpression节点中的'object’类型。像first sample blow这样的简单示例运行良好，但大多数示例都失败了，不知道这是不是故意使用TypeScript类型推断的方式，或者是因为我没有编写正确的代码？谢谢!
var obj={prop: ''};
var h=obj;
h.prop = ''; //works! 'h' show as 'obj'
浏览 1提问于2017-11-09得票数 1
我正在尝试理解catchError在角质官方教程(英雄之旅)中基于Http请求的实现。
http请求的代码如下：
this.http.get<Hero[]>(this.heroesUrl)
.pipe(catchError(this.handleError<Hero[]>('getHeroes', [])));
在catchError内部，它传递handleError函数，该函数实现为，如这里的(概述)
private handleError<T>(operation = 'operation', result?: T) {
浏览 0提问于2019-04-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
