Peut-on convertir un objet générique en un type d'objet personnalisé en javascript ?

Question

Par exemple, j'ai déjà cet objet quelque part dans le code, c'est un objet générique :

var person1={lastName:"Freeman",firstName:"Gordon"};

J'ai le constructeur d'un objet Personne :

function Person(){
 this.getFullName=function(){
  return this.lastName + ' ' + this.firstName;
 }
}

Existe-t-il une syntaxe simple qui nous permette de convertir person1 en un objet de type Person ?

Answer 1

La réponse de @PeterOlson a peut-être fonctionné à l'époque mais il semble que Object.create a changé. J'opterais pour la méthode de la copie-constructeur comme l'a dit @user166390 dans les commentaires.
La raison pour laquelle j'ai nécromancé ce post est que j'avais besoin d'une telle mise en œuvre.

Aujourd'hui, nous pouvons utiliser Object.assign ( crédits à la solution @SayanPal ) et la syntaxe ES6 :

class Person {
  constructor(obj) {
    obj && Object.assign(this, obj);
  }

  getFullName() {
    return `${this.lastName} ${this.firstName}`;
  }
}

Utilisation :

const newPerson = new Person(person1)
newPerson.getFullName() // -> Freeman Gordon

Réponse ES5 ci-dessous

function Person(obj) {
    for(var prop in obj){
        // for safety you can use the hasOwnProperty function
        this[prop] = obj[prop];
    }
}

Utilisation :

var newPerson = new Person(person1);
console.log(newPerson.getFullName()); // -> Freeman Gordon

En utilisant une version plus courte, 1.5 liner :

function Person(){
    if(arguments[0]) for(var prop in arguments[0]) this[prop] = arguments[0][prop];
}

jsfiddle

Answer 2

Vous pourriez utiliser Objet.create [MDN] :

newPerson = Object.create(Person, person1);

Answer 3

Non.

Mais si vous cherchez à traiter votre person1 comme s'il s'agissait d'un Person vous pouvez appeler des méthodes sur Person Le prototype de l'entreprise sur person1 con call :

Person.prototype.getFullNamePublic = function(){
    return this.lastName + ' ' + this.firstName;
}
Person.prototype.getFullNamePublic.call(person1);

Bien que cela ne fonctionne évidemment pas pour les méthodes privilégiées créées à l'intérieur du constructeur de la personne - comme votre getFullName méthode.

Answer 4

Il ne s'agit pas exactement d'une réponse, mais plutôt de partager mes résultats et d'espérer obtenir des arguments critiques pour ou contre, car je ne suis pas conscient de son efficacité.

J'ai récemment eu besoin de faire cela pour mon projet. Je l'ai fait en utilisant Object.assign Plus précisément, cela se passe de la manière suivante : Object.assign(new Person(...), anObjectLikePerson) .

Voici le lien vers mon JSFiddle et aussi la partie principale du code :

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;

  this.getFullName = function() {
    return this.lastName + ' ' + this.firstName;
  }
}

var persons = [{
  lastName: "Freeman",
  firstName: "Gordon"
}, {
  lastName: "Smith",
  firstName: "John"
}];

var stronglyTypedPersons = [];
for (var i = 0; i < persons.length; i++) {
  stronglyTypedPersons.push(Object.assign(new Person("", ""), persons[i]));
}

Answer 5

Il s'agit simplement d'un résumé de la réponse de Sayan Pal sous une forme plus courte, dans le style ES5 :

var Foo = function(){
    this.bar = undefined;
    this.buzz = undefined;
}

var foo = Object.assign(new Foo(),{
    bar: "whatever",
    buzz: "something else"
});

Je l'aime parce qu'il est le plus proche de l'initialisation d'objet très soignée de .Net :

var foo = new Foo()
{
    bar: "whatever",
    ...