How can I add multiple properties for a class in Javascript?

Question

I want to add multiple properties to "Person" class. This instance will be called by getDetails() method. So I easily can pass an array of values to my objects (variable), ex. var john = new Person("John Doe", "32", "Web Developer");.

function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}
Person.prototype.getDetails = function () {
  return this.name;
  return this.age;
  return this.occupation;
};
var john = new Person("John Doe", "32", "Web Developer");

document
  .getElementById('demo')
  .innerText = john.getDetails();

<h2>JavaScript Class Method</h2>

<p>How to define and use a Class method.</p>

<p id="demo"></p>

The "adding properties" part is correct. Do console.log(john) and you will see that too. The way you are inspecting your data is incorrect. Since a function can only return once, anything after return this.name; is ignored. — Felix Kling
– Felix Kling, Commented Aug 31, 2021 at 7:12

Peter Seliger · Accepted Answer · 2021-08-31 07:51:43Z

1

Note that after return all code is unreachable!

So you need to concatenate the properties and combine as a one string like this:

function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}
Person.prototype.getDetails = function () {
  return this.name + " " + this.age + " " + this.occupation;
};
var john = new Person("John Doe", "32", "Web Developer");

document
  .getElementById('demo')
  .innerText = john.getDetails();

<h2>JavaScript Class Method</h2>

<p>How to define and use a Class method.</p>

<p id="demo"></p>

edited Aug 31, 2021 at 7:51

Peter Seliger

13.5k3 gold badges31 silver badges45 bronze badges

answered Aug 31, 2021 at 7:15

Alireza Ahmadi

10.2k8 gold badges28 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I add multiple properties for a class in Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related