Accessing a property's value from a different property within a Class' initialization function

Question

Accessing a property's value from a different property within a Class' initialization function

I encountered a challenge while trying to access the value returned in one method within a property of another method belonging to a different constructor. The specific error message I received was "TypeError: Cannot read property 'name' of undefined."

class Loans {
  constructor(user, loanAmount, tenor, id = 0, status = 'pending', repaid = 'false') {
    this.id = id + 1;
    this.user = user;
    this.loanAmount = loanAmount;
    this.tenor = tenor;
    this.status = status;
    this.repaid = repaid;
    this.interest = (function interest() {
      return (loanAmount * 0.05);
    }());
    this.monthlyInstall = (function monthlyInstall() {
      return (loanAmount + this.interest) / tenor;
    }());
    this.balance = (function balance() {
      return (loanAmount + interest);
    }());
    this.createdAt = new Date().toLocaleString();
  };

};
const loan = new Loans('steve.jobs', 50000, 5);
console.log(loan);

However, when attempting to execute the code, I encountered the following error message:

      return (loanAmount + this.interest) / tenor;
                                ^

TypeError: Cannot read property 'interest' of undefined
    at monthlyInstall (C:\Users\DEBAYO\Desktop\JavaScript\Challenges\testing.js:183:33)
    at new Loans (C:\Users\DEBAYO\Desktop\JavaScript\Challenges\testing.js:184:6)

javascript class javascript-objects

Answer 1

Answer №1

For those seeking a dynamic amount that updates based on value changes, incorporating functions is essential. In the code snippet provided below, I have implemented these as defined functions to allow for automatic updates when calculating variables are modified.

class Loans {
  constructor(user, loanAmount, tenor, id = 0, status = 'pending', repaid = 'false') {
    this.id = id + 1;
    this.user = user;
    this.loanAmount = loanAmount;
    this.tenor = tenor;
    this.status = status;
    this.repaid = repaid;
    this.createdAt = new Date().toLocaleString();
  };
  
  interest = () => (this.loanAmount * 0.05);
  monthlyInstall = () => (this.loanAmount + this.interest()) / this.tenor;
  balance = () => (this.loanAmount + this.interest());
};
const loan = new Loans('steve.jobs', 50000, 5);
console.log(loan);
console.log(loan.interest());
console.log(loan.monthlyInstall());
console.log(loan.balance());
loan.tenor = 6;
console.log(loan);
console.log(loan.interest());
console.log(loan.monthlyInstall());
console.log(loan.balance());

Answer 2

For those seeking a dynamic amount that updates based on value changes, incorporating functions is essential. In the code snippet provided below, I have implemented these as defined functions to allow for automatic updates when calculating variables are modified.

class Loans {
  constructor(user, loanAmount, tenor, id = 0, status = 'pending', repaid = 'false') {
    this.id = id + 1;
    this.user = user;
    this.loanAmount = loanAmount;
    this.tenor = tenor;
    this.status = status;
    this.repaid = repaid;
    this.createdAt = new Date().toLocaleString();
  };
  
  interest = () => (this.loanAmount * 0.05);
  monthlyInstall = () => (this.loanAmount + this.interest()) / this.tenor;
  balance = () => (this.loanAmount + this.interest());
};
const loan = new Loans('steve.jobs', 50000, 5);
console.log(loan);
console.log(loan.interest());
console.log(loan.monthlyInstall());
console.log(loan.balance());
loan.tenor = 6;
console.log(loan);
console.log(loan.interest());
console.log(loan.monthlyInstall());
console.log(loan.balance());

Answer 3

Answer №2

instead of

this.monthlyInstall = (function monthlyInstall() {
      return (loanAmount + this.interest) / tenor;
    }());

simply use

 this.monthlyInstall = (loanAmount + this.interest) / tenor;

Alternatively, ensure to include the "this" reference when calling your monthlyInstall() method to specify its context.

Answer 4

instead of

this.monthlyInstall = (function monthlyInstall() {
      return (loanAmount + this.interest) / tenor;
    }());

simply use

 this.monthlyInstall = (loanAmount + this.interest) / tenor;

Alternatively, ensure to include the "this" reference when calling your monthlyInstall() method to specify its context.

Accessing a property's value from a different property within a Class' initialization function

Answer №1

Answer №2

Similar questions

displaying a div as a pop-up within an ASP.NET MVC 4 web application

Error encountered in Next.JS when calling getInitialProps(ctx) due to undefined ctx variable

What is the process of converting a file into a binary stream using Javascript?

Hough transformation in JavaScript with Node.js

Is the node certificate store limited to reading only from a predefined list of certificates?

React component state change in reverse

Tips for accurately determining the count, rather than the character length, of JSON data

Ways to showcase a JSON menu with a single level

Perform a series of database queries one after the other, ensuring they are completed before

Is there a benefit to using the Angular LocalStorageModule alongside angular-cache?

What could be causing the input event not to be triggered consistently when I select or highlight text?

Problem arises when attempting to slice an array that is defined in the parent component

Is there a way to implement a function in Javascript or CSS where hovering over a button will cause a div to scroll either left or right

What is the best way to play a video from a certain time point in a React application?

Tips for transforming a container div into a content slider

Upload an image converted to `toDataURL` to the server

Exploring the array push method in ES6 destructuring

Building a follow/unfollow system in Node.jsLet's create a

How do I select the first element with class "cell" in D3, similar to jQuery's $(".cell:first")?

Presentation comparing ng-show and ng-hide efficiency