Using TypeScript, invoking a function inside a callback

Question

Using TypeScript, invoking a function inside a callback

Here is the link: https://github.com/Uepaa-AG/p2pkit-cordova

I am facing a challenge in calling onEnabled function while working with TypeScript. The code example works perfectly without TypeScript.

However, with TypeScript, I am struggling to properly call nested functions.

This is what I have currently:

cordova.plugins.p2pkit.enable("xyzzy", this.p2pkitCallback, function...

p2pkitCallback() {
        onEnabled() {
          console.log('p2pkit enabled');
          cordova.plugins.p2pkit.enableProximityRanging()
          cordova.plugins.p2pkit.startDiscovery('', cordova.plugins.p2pkit.HIGH_PERFORMANCE) // base64 encoded Data (bytes)=
    }

The line containing 'onEnabled()' is highlighted in red. How can I refactor the code to resolve this issue?

Thank you!

javascript typescript

Answer 1

Answer №1

If you want to pass and utilize callback functions in Typescript, here's how you can do it:

Begin by declaring a callback function argument and executing it asynchronously.

public execute(action: Action, callback: () => any = () => {}): void {
    this.performAction(action).then(callback);
}

Here is an example of passing the callback function to the method:

applyFilter(payload): void {
    const callback = () => this.filter.hide();
    this.actionService.execute(payload.actionType, callback);
  }

It's important to note that in this scenario I have optionally initialized the callback variable with a noop function to avoid potential issues when no callback is provided.

Answer 2

If you want to pass and utilize callback functions in Typescript, here's how you can do it:

Begin by declaring a callback function argument and executing it asynchronously.

public execute(action: Action, callback: () => any = () => {}): void {
    this.performAction(action).then(callback);
}

Here is an example of passing the callback function to the method:

applyFilter(payload): void {
    const callback = () => this.filter.hide();
    this.actionService.execute(payload.actionType, callback);
  }

It's important to note that in this scenario I have optionally initialized the callback variable with a noop function to avoid potential issues when no callback is provided.

Using TypeScript, invoking a function inside a callback

Answer №1

Similar questions

Show the date and time in a visually appealing way by using HTML and JavaScript in an HTA application with scrolling effects

Difficulty encountered with Mongoose/MongoDb FindOneAndUpdate functionality

``There seems to be an issue with the visibility of Three.js OBJ MTL Loader

Manipulating visibility of an input tag using JQuery

How to fix the jquery error "Uncaught TypeError: Cannot read property 'style' of null" in an elegant way?

What could be the reason for sending XmlHttpRequest even if ClientValidation has failed?

Discover the secret to revealing hidden text as it seamlessly transitions through other text

Can the 'Water Shader Animation' be altered to have a non-spherical shape?

Retrieving Information from a PHP Backend using Ajax Requests

I'm looking to extract the values of input fields from a specific form that I have just clicked on. Each form and their input fields share the same class, but each input field contains

Removing the mousedown event from elements within a child component: tips and tricks

Utilize VUE NPM to add imported packages to all remaining files

Using string.startsWith() with Wildcards or Regular Expressions

Using JavaScript to retrieve the text value of a custom button

Encountering the "ERR_FILE_NOT_FOUND" message within the popup of my Chrome extension

Establishing a connection to MongoDB using JavaScript

Develop a personalized React route component using TypeScript. The error message "Property 'path' does not exist on type... RouteProps" is displayed

Is it possible to control the visibility of content in HTML based on the current time of day?

Issue with auto height calculation occurs when element is initially hidden upon DOM load but is later displayed

Problem encountered when transferring JSON data to PHP for file writing