Example of Signature in TypeScript Function Declaration

Question

Example of Signature in TypeScript Function Declaration

While going through this documentation, I found myself puzzled by the concept of having a parameter that can be both an object and a function in JavaScript.

type DescribableFunction = {
   description: string;
   (a: any): boolean;
};
function doSomething(fn: DescribableFunction) {
   console.log(fn.description + " returned " + fn(6));
};

doSomething((()=>false)); // Argument of type '() => false' is not assignable to parameter of type 'DescribableFunction'. Property 'description' is missing in type '() => false' but required in type 'DescribableFunction'.

doSomething({description: 'test'}); // fn is not a function.

The example above raises the question: how could the parameter fn serve as both an object and a function simultaneously..?

typescript

Answer 1

Answer №1

Functions are unique objects that can be called upon.

const func = () => {};
console.log(func instanceof Object);

A function's prototype chain looks like this:

func <- Function.prototype <- Object.prototype

Additionally, objects can have any key-value pairs assigned to them.

'use strict';
const func = () => {};
func.property = 'value';
console.log('property is:', func.property);

For example, to demonstrate how the function in question could operate, you might do this:

const func = Object.assign(
  () => false,
  { description: 'example' }
);

performAction(func);

Now, func can be called and contains a description property with a string value.

Answer 2

Functions are unique objects that can be called upon.

const func = () => {};
console.log(func instanceof Object);

A function's prototype chain looks like this:

func <- Function.prototype <- Object.prototype

Additionally, objects can have any key-value pairs assigned to them.

'use strict';
const func = () => {};
func.property = 'value';
console.log('property is:', func.property);

For example, to demonstrate how the function in question could operate, you might do this:

const func = Object.assign(
  () => false,
  { description: 'example' }
);

performAction(func);

Now, func can be called and contains a description property with a string value.

Example of Signature in TypeScript Function Declaration

Answer №1

Similar questions

Exploring the Method of Utilizing JSON Attribute in typeScript

The @output decorator in Angular5 enables communication between child and

Can you explain the concept of F-Bounded Polymorphism in TypeScript?

Is there a way to verify the presence of multiple array indices in React with TypeScript?

Error occurs in the compiler when a variable is utilized as a function

Guide on incorporating a YouTube iframe in React with Typescript

Using Checkbox from material-UI to add and remove strikethrough on a to-do list task

What is the best way to set up a JSON attribute with properly formatted JSON data?

The distribution of intersection types is not properly handled by Typescript's array.map function

Utilizing the adapter design pattern in Angular with TypeScript for enhancing a reactive form implementation

The slice() method in arrays provides a reference to the elements rather than copying

Determine the return value of a function based on a specific conditional parameter

Tips for integrating Tesseract with Angular 2 and above

Encountering difficulties when attempting to upload a file to Google Cloud Platform using Multer in a Node.js

What is the best way to retrieve HTML content using an Angular method?

Leverage the power of React, Material-UI, and Typescript to inherit button props and incorporate a variety of unique

Guide to importing a function from a Javascript module without declaration

Tips for eliminating the undefined/null values from an array nested within another array in Angular

A guide to securely retrieving data from the Hono API endpoint using type safety within a Next.js application

Determining Refresh Status in Angular Application