Как создать экземпляр, идентичный объект JS от существующего объекта JS

Question

Я имею

var a = { 
    f1: function() { 
     // Do Something 
    }, 
    f2: ['a','b','c'], 
    f3: 1234 
} 

Мне нужно создать что-то вроде этого

var b = Object.create(a); 

Но б не показывает мне, что она содержит любой из свойства a!

Answer 1

Вы можете создать функцию клонирования, делать что-то вроде этого:

var clone = function(obj) { 

    // Create a new object using the same prototype as the original object 
    var cloned = Object.create(obj);  

    // Copy each property from 'obj' to 'cloned' 
    for (p in obj) {  
     if (obj.hasOwnProperty(p)) { 
      cloned[p] = obj[p]; 
     } 
    } 

    return cloned;  // Return the cloned object 
} 

EDIT: Будьте осторожны с первым оператором, чтобы создать клонированный объект из оригинал.

1. Вы должны заметить, что если вы пишете var cloned = {};, как я делал раньше, прототипы будут отличаться, так что это решение не будет работать должным образом на 100%, потому что если вы используете оператор instanceof, он будет возвращать false.

2. Если вы используете только var cloned = Object.create(obj);, как описывают другие ответы, вы просто получите клонированный объект с аналогичным прототипом, чем прототип оригинала. Но вам также нужно скопировать свойства из исходного объекта и прикрепить их к клонированной версии. Вот почему мы должны использовать for-loop.

Наконец, если второй предыдущий подход, использующий Object.create не работает в вашем браузере, потому что у него есть наследие JavaScript двигателя, то вы должны использовать небольшой обходной путь в следующем.

function F() {}; 
F.prototype = obj.prototype; 
var cloned = new F(); 

Надеюсь, это поможет! :)

Answer 2

Использование prototype:

var b = Object.create(a.prototype); 

Object.create Создает новый объект с указанным объектом прототипа и свойств.

Он ожидает, что прототип для вновь созданного объекта: Object.create(proto [, propertiesObject ])

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/create

Answer 3

Другой способ сделать это, используя JQuery функция Jquery.extend. Вы можете использовать его как это:

var b = jQuery.extend({},a);