How do I apply methods from a constructor object to an arbitrary object [duplicate]

Question

I have a constructor object that has various fields; For a simple example, say

function Person(id, name) {
  this.id = id;
  this.name = name;
  etc.
  this.someFunction = function(xxx) {...}
}

Now, I have an arbitrary object with an id and name field

var somePerson = {id:123, name:"joe"}

I would like to inject the data from the somePerson instance into a Person constructor, so I can apply all of the methods from the Person class, but I am confused between apply, call, and bind.

I am aware that I can call a new constructor passing in all of the fields, but there are a lot of fields. Is there any easy way to just endow the somePerson instance with the methods from the Person class?

jony89 · Accepted Answer · 2017-01-10 16:39:07Z

1

I think you got it wrong, what you are trying to do is :

var somePerson = new Person(123, 'joe');

then you will be able to write :

somePerson.someFunction();

answered Jan 10, 2017 at 16:39

jony89

5,3863 gold badges33 silver badges42 bronze badges

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

Comments

Bergi · Accepted Answer · 2017-01-10 16:39:09Z

You need to create a new Person instance, there's no need to use call or apply.

var somePerson = {id:123, name:"joe"};
var somePersonInstance = new Person(somePerson.id, somePerson.name);
somePersonInstance.someFunction(xxx);

You could have used call if the method was not inside the constructor, but on the prototype:

function Person(id, name) {
  this.id = id;
  this.name = name;
}
Person.prototype.someFunction = function(xxx) {…};

var somePerson = {id:123, name:"joe"};
Person.prototype.someFunction.call(somePerson, xxx);

Nenad Vracar · Accepted Answer · 2017-01-10 16:50:49Z

1

You could use Object.assign() and assign properties of somePerson object to instance of Person

function Person(id, name) {
  this.id = id;
  this.name = name;
  this.someFunction = function() {
    return this.name;
  }
}

var somePerson = {id:123, name:"joe"}
var p = Object.assign(new Person, somePerson)

console.log(p.someFunction())

edited Jan 10, 2017 at 16:50

answered Jan 10, 2017 at 16:43

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

3 Comments

Vinny Gray Over a year ago

did you mean var p = Object.assign(new Person(), somePerson)

Nenad Vracar Over a year ago

You can omit parenthesis if you are not going to supply arguments.

Bergi Over a year ago

The problem with this solution is that it doesn't work with constructors that require their arguments. I'd recommend to always use a class-specific helper methods, such as Person.fromJSON (that knows how/whether to call its constructor).

Sunny Zanchi · Accepted Answer · 2017-01-10 16:49:43Z

0

Person is set up like a constructor function. You need to use the new keyword to instantiate a new copy of Person.

var joe = new Person(somePerson.id, somePerson.name);

Now joe will be an instance of Person.

joe instanceof Person //true
joe.id //123
joe.someFunction //function (xxx) {...}

answered Jan 10, 2017 at 16:49

Sunny Zanchi

35 bronze badges

Comments

luke fisher · Accepted Answer · 2017-01-10 17:01:05Z

Sure How's this;

function PersonFactory(id, name) {
    return {
        id: id,
        name: name,
        updateName: function(name)  {
            this.name = name
        }
    }
}

Some exmaples of it being used.

var somePerson = PersonFactory(1, "Luke")

var people = {
    luke: PersonFactory(1, "Luke"),
    will: PersonFactory(2, "Will"),
    smith: PersonFactory(3, "Smith")
}

var persons = [
PersonFactory(1, "Luke"),
PersonFactory(1, "Will"),
PersonFactory(1, "Smith")
]

people.luke.updateName("Harry");

Collectives™ on Stack Overflow

How do I apply methods from a constructor object to an arbitrary object [duplicate]

5 Answers 5

Comments

Comments

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

3 Comments

Comments

Comments

Linked

Related