Using a function as a parameter in Typescript: Anticipated no arguments, received 1.ts

Question

Using a function as a parameter in Typescript: Anticipated no arguments, received 1.ts

I'm encountering an issue when trying to pass the doSomething function into performAction. The error message I'm receiving is Expected 0 arguments, but got 1

interface SomeInterface {
  name: string,
  id: string
}

function doSomethingFunction(props: SomeInterface) {
  console.log(props.name + " " + props.id);
}

function performAction(doSomething: () => void) {
  doSomething({
    name: "foo",
    id: "bar"
  });
}

performAction(doSomethingFunction);

Is my syntax correct for Typescript?

javascript typescript

Answer 1

Answer №1

There seems to be an issue with the doSomething type. The type declaration - () => void specifies that it takes no arguments, but later on, arguments are being passed to it.

For the provided code snippet, the following adjustment would work, however, the specific arguments and their types for doSomething should be determined based on the context. Consider using an interface if you have an abstraction in mind.

function performAction(doSomething: (stuff: { name: string, id: string }) => void) {
  doSomething({
    name: "foo",
    id: "bar"
  });
}

Click here for a demonstration.

If the term string in your code is a variable, it should be changed as string is a reserved type. If you're unsure about fixing the type of doSomething currently, you can utilize the Function type. View demo here.

Update

For the revised question, you should define

function performAction(doSomething: (stuff: someType) => void

Demo available here.

Answer 2

There seems to be an issue with the doSomething type. The type declaration - () => void specifies that it takes no arguments, but later on, arguments are being passed to it.

For the provided code snippet, the following adjustment would work, however, the specific arguments and their types for doSomething should be determined based on the context. Consider using an interface if you have an abstraction in mind.

function performAction(doSomething: (stuff: { name: string, id: string }) => void) {
  doSomething({
    name: "foo",
    id: "bar"
  });
}

Click here for a demonstration.

If the term string in your code is a variable, it should be changed as string is a reserved type. If you're unsure about fixing the type of doSomething currently, you can utilize the Function type. View demo here.

Update

For the revised question, you should define

function performAction(doSomething: (stuff: someType) => void

Demo available here.

Answer 3

Answer №2

Define a function called doSomething without any arguments: doSomething: () => void. Instead, consider changing it to

doSomething: (arg: SomeInterface) => void

where SomeInterface is defined as {name: string; id: string;}.

Answer 4

Define a function called doSomething without any arguments: doSomething: () => void. Instead, consider changing it to

doSomething: (arg: SomeInterface) => void

where SomeInterface is defined as {name: string; id: string;}.

Answer 5

Answer №3

let x = 6;
let y = 2;

let result = calculate(operation, x, y);
console.log(result);
result = calculate(sum, x, y);
console.log(result);

function calculate(operation: Function, x: number, y: number): number {
    return operation(x, y);
}

function operation(valueX: number, valueY: number): number {
    console.log('Performing an operation');
    return valueX - valueY;
}

function sum(valueX: number, valueY: number): number {
    console.log('Performing addition');
    return valueX + valueY;
}

Answer 6

let x = 6;
let y = 2;

let result = calculate(operation, x, y);
console.log(result);
result = calculate(sum, x, y);
console.log(result);

function calculate(operation: Function, x: number, y: number): number {
    return operation(x, y);
}

function operation(valueX: number, valueY: number): number {
    console.log('Performing an operation');
    return valueX - valueY;
}

function sum(valueX: number, valueY: number): number {
    console.log('Performing addition');
    return valueX + valueY;
}

Using a function as a parameter in Typescript: Anticipated no arguments, received 1.ts

Answer №1

Update

Answer №2

Answer №3

Similar questions

Tips for creating a custom Menu with content overflow in a single direction

Accessing a specific element within an array that has been nested within another array, using JavaScript

Tips for looping through every item that has a specific class name

What is the process for updating the combination selector for each product within a specific category in PrestaShop 1.7?

`Can incompatible Typescript types be allowed for assignment?`

Removing a targeted element from an array in Angular

The authentication0 router fails to initiate navigation

Modify the paragraph's class upon clicking the radio button

Is it possible for Vue data to be handled asynchronosly

WebStorm disregards tsconfig compiler directives when working with Angular applications

React approach for managing multiple combobox values

Send information from the textbox

Instead of using a hardcoded value, opt for event.target.name when updating the state in a nested array

When launching JQuery UI Tabs in a new browser tab using ajax, the HTML from the ajax response will be immediately shown

Arranging strings in descending order using Typescript

Encountering the error "Vue 2.0 encounters an undefined push during router.push

The react-redux developer tool appears to be disabled and is not displaying the current state of the application on the extension toolbar

Wordpress tabs with dynamic content

My ng-view html is unexpectedly displaying as plain string. What steps should I take to resolve this issue?

Use JavaScript to overlay drawings onto an existing image