Tips on utilizing a function that was generated within the constructor

Question

Tips on utilizing a function that was generated within the constructor

I'm currently in the process of developing a function within the constructor, and it is essential that this function be placed inside the constructor. I am interested in implementing a button to trigger this function from an external source, but unfortunately, I am unsure about the proper approach to achieve this.

Here is my TypeScript code snippet:

private internalFunction;

constructor(){

  this.internalFunction = function greet(){

    console.log('Greetings, world!');

  };

}   

}

buttonTrigger(event){

  this.internalFunction.greet();

}

javascript angular typescript function ionic-framework

Answer 1

Answer №1

Here are a couple of errors that need to be corrected:

Make sure to properly define the function by including the closing parenthesis )

constructor() {
   this.functionActive = function sayHello() {
      console.log("Hello world");
   };
}

When invoking the function, use the reference functionActive instead of sayHello, remembering that it is a function expression:
```
buttonActive(event) {
   this.functionActive();
}
```

Answer 2

Here are a couple of errors that need to be corrected:

Make sure to properly define the function by including the closing parenthesis )

constructor() {
   this.functionActive = function sayHello() {
      console.log("Hello world");
   };
}

When invoking the function, use the reference functionActive instead of sayHello, remembering that it is a function expression:
```
buttonActive(event) {
   this.functionActive();
}
```

Answer 3

Answer №2

If I understand your issue correctly, here is a solution that could help:

const functions = {};

class Example {
  constructor() {
    this.functions["greeting"] = function () {
      console.log('Greetings, Earthlings!');
    }
  }

  executeFunction(event) {
    this.functions.greeting();
  }
}

Check out the live demo: demo

Answer 4

If I understand your issue correctly, here is a solution that could help:

const functions = {};

class Example {
  constructor() {
    this.functions["greeting"] = function () {
      console.log('Greetings, Earthlings!');
    }
  }

  executeFunction(event) {
    this.functions.greeting();
  }
}

Check out the live demo: demo

Answer 5

Answer №3

class B {
  private funcActive;
  constructor(setting) {
    if (setting.on)
      this.funcActive = function () {
        console.log("Greetings Earthlings");
      };
  }
  activateButton(event) {
    if (typeof this.funcActive === "function") this.funcActive();
  }
}

Answer 6

class B {
  private funcActive;
  constructor(setting) {
    if (setting.on)
      this.funcActive = function () {
        console.log("Greetings Earthlings");
      };
  }
  activateButton(event) {
    if (typeof this.funcActive === "function") this.funcActive();
  }
}

Tips on utilizing a function that was generated within the constructor

Answer №1

Answer №2

Answer №3

Similar questions

Updating a table cell triggers a change in every cell

Once the PostgreSQL container is stopped with docker-compose down, the previously used port becomes unavailable for use again

I can't figure out why I'm receiving undefined even though all the variables are populated with the necessary

What is the difference in memory usage for JavaScript objects between Node.js and Chrome?

How do I send multiple values from a child to a parent in Vue.js, while also passing another parameter in the parent's v-on event?

Leveraging Polymer web components without the need for a package manager

Struggling with textpath SVG elements in jQuery

Update: When a variable changes during onUploadProgress in Vue.js, the DOM is not re

What is the process for modifying a Gist on GitHub?

Get the hash value after a specific character using Javascript

Display results in a Web application using Google Apps Script

Unable to locate dependencies while testing the react package locally

Best practice for updating Form.Control text using a custom onChange method

Challenges in implementing Angular's guard correctly

Creating an Array module in Node JS

Issues with Angular2 compatibility on macOS Sierra

The AngularJS 2 application reports that the this.router object has not been defined

Exploring the process of manually establishing a route change stream in Angular versus utilizing the features of the @angular/router module

What is the best way to implement my custom toolbar button to utilize the form's validation function within react-admin?

I am encountering an issue with this code. The objective is to determine the frequency at which a specific word appears in the provided paragraph