I'm a bit confused with objects in JavaScript...
I wrote an object:
const gix = {
firstName: "John",
lastName: "Johnson",
yearOfBirth: 2000,
profession: "IT",
friends: ["Mark", "Luke", "John"],
driversLicence: true,
age: function () {
this.calcAge = 2022 - this.yearOfBirth;
return this.calcAge;
},
};
gix.age();
console.log(gix);Why is the console log of the whole object not showing the calculated value but is showing age: f()
Considering your use-case, you could replace the method with a getter, which gets evaluted each time the object is referenced:
const gix = {
firstName: "John",
lastName: "Johnson",
yearOfBirth: 2000,
profession: "IT",
friends: ["Mark", "Luke", "John"],
driversLicence: true,
get age() {
return 2022 - this.yearOfBirth;
},
};
this.calcAge thoughcalcAge just disappears in this caseYou would either want to capture the return value of the function or call it so:
console.log(gix.age());
Think of age as a pointer to the function...
When you're console logging a function it wont execute it, It will just show the contents of the function, IF you need to see the value then you need to call the function and log the output
console.log(gix.age());
If you check the log, it actually added calcAge as you already called age before. If you want to use a computed property calcAge from yearOfBirth, you can use Object getters
const gix = {
firstName: "John",
lastName: "Johnson",
yearOfBirth: 2000,
profession: "IT",
friends: ["Mark", "Luke", "John"],
driversLicence: true,
get calcAge () { return 2022 - this.yearOfBirth; },
};
console.log(gix.calcAge);
gix after calling gix#age.
ageis a function. The question is, why do you expect it to show you a value? Just imagine if the function accepted parameters, which parameters should it use in order to show you a result? Obviously JavaScript doesn't know it, so it just tells you that the property contains a functioncalcAge, doesn't it?