7

Eu gostaria de clonar alguns objetos de forma profunda. Eu já vi essa pergunta:

Como criar uma cópia de um objeto em Javascript

...Porém, nenhuma das respostas oferece uma forma de se clonar uma função de forma profunda. Em outras palavras, se um objeto matriz tiver funções, seus clones terão referências para essa função.

Vou dar um exemplo. Com o seguinte objeto como ponto de partida:

var cores = {
    Amarelo: function () {}
}
cores.getAmarelo.prototype.r = 255;
cores.getAmarelo.prototype.g = 255;
cores.getAmarelo.prototype.b = 0;

Se eu fizer uma clonagem rasa, o clone terá a mesma função Amarelo, por referência... E por isso alterar o protótipo da função em um objeto afetará também seu clone. I.e.:

var paletaDaltonica = {};
for (var cor in cores) {
    paletaDaltonica[cor] = cores[cor];
}

paletaDaltonica.Amarelo.prototype.r = 120;
// Isso alterou o protótipo de Amarelo no objeto original também.

É possível clonar uma função de forma profunda, de forma que o clone tenha a mesma funcionalidade e protótipo da função original, mas mantendo isoladas as alterações em seus respectivos protótipos?

1 Resposta 1

5

Seu problema está sendo com Herança, primeiro você deve definir o objeto:

// Define o objeto
paletaDaltonica[cor] = function() {};

Depois você herda o protótipo do objeto original utilizando Object.create.

// Herda de: cores[cor]()
paletaDaltonica[cor].prototype = Object.create(cores[cor].prototype);

Referência

Veja funcionando:

var cores = {
    Amarelo: function () {}
}
cores.Amarelo.prototype.r = 255;
cores.Amarelo.prototype.g = 255;
cores.Amarelo.prototype.b = 0;

var paletaDaltonica = {};
for (var cor in cores) {
  // Define o objeto
  paletaDaltonica[cor] = function() {};
  // Herda de: cores[cor]()
  paletaDaltonica[cor].prototype = Object.create(cores[cor].prototype);
}

paletaDaltonica.Amarelo.prototype.b = 120;
paletaDaltonica.Amarelo.prototype.teste = 'Testando ...'
console.log(cores.Amarelo.prototype, paletaDaltonica.Amarelo.prototype);


var paletaDaltonicaB = {};
// Define o objeto
paletaDaltonicaB.Amarelo = function() {};
// Herda de: paletaDaltonica.Amarelo
paletaDaltonicaB.Amarelo.prototype = Object.create(paletaDaltonica.Amarelo.prototype);
paletaDaltonicaB.Amarelo.prototype.r = 124;
paletaDaltonicaB.Amarelo.prototype.g = 432;
paletaDaltonicaB.Amarelo.prototype.b = 3472;
paletaDaltonicaB.Amarelo.prototype.teste = 'Valor modificado ...'

cores.Amarelo.prototype.b = 200;
console.log(cores.Amarelo.prototype, paletaDaltonica.Amarelo.prototype, paletaDaltonicaB.Amarelo.prototype);

1
  • 1
    Pequena variação: paletaDaltonica[cor].prototype = Object.create(cores[cor].prototype);. O resultado é o mesmo.
    – bfavaretto
    Commented 15/01/2018 às 17:34

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .