Código simples Javascript para entender os princípios básicos de OOP baseados em protótipo [fechado]

Conheço o Javascript há algum tempo, embora não seja um usuário pesado, conheço o primeiro desde o momento em que o Netscape era meu navegador. Eu entendo muito bem as principais coisas, mas como a abordagem do JavaScript para OOP é prototípica, tenho algum problema em entender isso.

Um problema a acrescentar a isso parece que as coisas podem ser feitas de mais de uma maneira, e é aqui que os livros não ajudam muito porque põem todos os exemplos em cima da mesa, dificultando o ritmo.

O que eu preciso para iniciar é apenas uma maneira de fazer isso, se alguém puder me ajudar com o código mais simples possível, um exemplo em que eu possa ver como o modelo OOP prototípico funciona?

Para ser útil, o código deve ter um objeto herdado, para acessar a propriedade de um pai e suas propriedades herdadas e a função de um pai, substituir a função de um pai e ter uma instância de herança múltipla em que um objeto herda dois outros objetos.

Como pode ser herdado um objeto?

function inherit(o){ // inherit is called Object.create in modern implementations
    var F= function(){};
    F.prototype=o;
    return new F();
}

var parent = {
    name: "Josh",
    print: function(){
       console.log("Hello, "+this.name);
    }
};
parent.print(); // Hello, Josh
var child = inherit(parent);
child.name = "Jeremy";
parent.print(); //Hello, Josh
child.print();  //Hello, Jeremy

Como posso ver a propriedade dos pais?

console.log(child.__proto__.name); //won't work in IE; also see getPrototypeOf

Como posso acessar a função dos pais?

Object.getPrototyepeOf(child).print(); // or
child.print.apply(parent) //functions are just objects, and 'this' pointer can point to wherever you want

Como posso substituir a função dos pais?

child.print = function(){
    console.log("Hi ", this.name);
}

parent.print(); //Hello, Josh
child.print();  //Hi, Jeremy

Como um objeto pode herdar dois objetos?

//in chain?

grandchild = inherit(child);

//otherwise, there's no way.
grandchild.name = "Eddie";
grandchild.print();

Veja também:

• Guia de Herança da Rede de Desenvolvedores da Mozilla
• Object.getPrototypeOf no MDN
• A segunda série de vídeos de Douglas Crockford sobre JavaScript (o primeiro iniciou a revolução do javascript, o começo é chato, mas cheio de surpresas; o resto é cheio de surpresas)
• Livro de Crockford (uma vez que entrei para uma equipe de 15 pessoas que trabalhavam em um dos grandes aplicativos JS disponíveis na Web, feitos por uma empresa grande e bem conhecida - contei 5 deles nas mesas)
• Rascunhos de especificações atuais, pois incluem classes internas
• Coffeescript, uma linguagem baseada em JS que é popular entre desenvolvedores de JS e suporta classes

O especialista hilário @venkat_s compartilha uma analogia para compreender a herança prototípica.

Aqui está uma amostra de seu humor: "O problema do JavaScript é que ele não grita com você. É seu amigo. Ele não diz quando algo está errado, ele simplesmente para de funcionar. Pare de ligar para você"

Por herança, ele continuou: "O protótipo é como uma mochila - para o objeto. Para tudo o que é um objeto em JavaScript - ele tem uma mochila e você pode colocar coisas nele. E todos os seus objetos podem acessá-lo".

Espero que ajude.

Esqueça o código. A explicação mais simples.

Construtores de funções constroem objetos. Em JS, funções são objetos que podem ter propriedades. Toda função possui uma propriedade prototype que pode conter qualquer objeto. Você pode definir qualquer protótipo de construtor facilmente em tempo real. Se você quiser arruinar matrizes, por exemplo,

Array.prototype = {
    oneTrueMethodToRuleThemAll: function(){
        alert('arrays are now hosed');
    }
}

O objeto prototype é basicamente um fallback que é verificado por instâncias quando você tenta fazer referência a uma propriedade que não possui. Se o objeto protótipo não tiver esse método, o objeto protótipo do construtor será verificado quanto ao método. Essa é a cadeia que é seguida.

Portanto, não se trata realmente de herança. É sobre, "Oh, você não tem isso, bem, sua mãe tem na bolsa de protótipo dela? Não? E a avó dela? Não? Então, que tal ... até chegarmos a Eve, ou o protótipo do construtor Object que é onde o dinheiro sempre para.

Portanto, não é o caso de suas instâncias captarem ou reterem o conteúdo do protótipo. É que quando o JavaScript chama o método de um objeto, existe um processo de fallback para verificar a cadeia object-> constructor.prototype para ver se o método desconhecido pode ser encontrado. E é por isso que quando você altera um protótipo de construtor, todas as instâncias existentes "obtêm" esse método. Eles realmente não recebem nada. É o conjunto de objetos substitutos para pesquisa que obtém o novo método.