Seeking advice on Javascript prototypes - how can I execute a function within a prototype without using "this"?

Question

Seeking advice on Javascript prototypes - how can I execute a function within a prototype without using "this"?


    let Human = function (userName, userAge) {
         this.userName = userName;
         this.userAge = userAge;
      };
      
      Human.prototype.sampleProto = function ()  {
        console.log(this.userName + " == " + this.userAge);
      
        let yy = function() {
           console.log("in yy");
        }
      };
      
      let human = new Human("Alex",30);
      human.sampleProto();

If I were to replace the "let yy" with "this.yy" and then call it using human.yy();

Without using "this", is there a way to access it without person.testProto.yy() working?

Appreciated

javascript prototype

Answer 1

Answer №1

retrieve a variable xx from within a function.

By implementing this method, you can execute both the testProto Function and the xx function without relying on this.

let Person = function(name, age) {
  this.name = name;
  this.age = age;
};

Person.prototype.testProto = function() {
  console.log(this.name + " == " + this.age);

  let xx = function() {
    console.log("in xx");
  }
  return xx;
};

let person = new Person("Jake", 49);
person.testProto()();

Answer 2

retrieve a variable xx from within a function.

By implementing this method, you can execute both the testProto Function and the xx function without relying on this.

let Person = function(name, age) {
  this.name = name;
  this.age = age;
};

Person.prototype.testProto = function() {
  console.log(this.name + " == " + this.age);

  let xx = function() {
    console.log("in xx");
  }
  return xx;
};

let person = new Person("Jake", 49);
person.testProto()();

Seeking advice on Javascript prototypes - how can I execute a function within a prototype without using "this"?

Answer №1

Similar questions

What is the best way to create a sidebar that remains open without triggering a new sidebar every time it is clicked

JQuery UI Autocomplete - Issue with loading data object

Updating the value of the variable using ng-submit

What is causing React Js to fail loading css when switching from anchor tag to link tag?

Issues with importing files have been reported on Node.js version 11.8.0

Sharing a state object with another React file can be accomplished by using props or context to

Make the adjustment from an H1 tag to an H2 tag with the help of

Load the dropdown menu with JSON data but encounter an error: SyntaxError caused by an unexpected token `{` in

The functionality of $watch in AngularJS is not meeting the desired outcomes

Using React to Fetch Data from MySQL Database

Concealing objects identified by a specific id

Modifying an image with jQuery

Unable to perform filtering on a nested array object within a computed property using Vue while displaying data in a table

Recreating the rotation of an object within a rotated parent using Three.js

You cannot invoke this expression while destructuring an array of React hooks in TypeScript

What are the best methods for concealing a ng-repeat element with AngularJS?

What is the best way to determine if the form has been submitted?

There is a syntax error in the for-loop within the AngularJS $http.get causing an unexpected identifier

Using JSON data to populate the jQuery UI Datepicker

Generate a byte array in JavaScript