Vanilla Javascript - #34 Herança Prototípica

Nessa vídeo-aula vamos trabalhar com um dos temas mais complexos da linguagem de programação Javascript: a herança prototípica.

Conforme quadro abaixo, a herança prototípica é bem mais rápida que a utilização de propriedades internas dentro das funções:

Como dica, todas as propriedades que irão alterar de alguma forma deverão ficar dentro da function, as que permanecerão constantes deverão ser utilizadas através do prototype.

(function readyJS(win,doc){
    'use strict';

    /*function person(name) {
        this.name=name;
    }
    let obj=new person('Thiago');
    console.log(obj);*/

    /*let obj={
        name:'Thiago'
    };*/
    /*let obj=new Object();
    obj.name='Thiago';
    console.log(obj);*/

    function person(name,func) {
        this.name=name;
        this.friends=['Carl','Robert'];
        this.func=func;
    }
    person.prototype.city='BH';
    person.prototype.salario=function () {
        if(this.func === 'manager'){
            return 3000;
        }else if(this.func === 'user'){
            return 100;
        }
    }
    let obj=new person('Thiago','manager');
    obj.friends.push('Juliet');
    let obj2=new person('Thais','user');
    console.log(obj);
    console.log(obj2);
    console.log(obj2.salario());
})(window,document);

Sucesso nos códigos e na vida!