JavaScript Object Shadowing

javascriptShadow.js

(function() {
    'use strict';
    
    // Define a generic prototype for our skiiers to inherit
    const skiierPrototype = {
      name: 'fred',
      greet: function() {
        return 'Hi, I am ' + this.name
      }
    }

    let ted = Object.create(skiierPrototype)

    console.log(ted.greet()); // Hi, I am fred

    ted.name = 'Ted Ligety';

    console.log(ted.greet()); // Hi, I am Ted Ligety

    delete ted.name;

    console.log(ted.greet()); // Hi, I am fred
    
    console.log('--------------------------------')

    function Skiier() {
        this.name = 'fred';
        this.greet = () => {
            return 'Hi, I am ' + this.name
        }
    }
    
    // https://en.wikipedia.org/wiki/Julia_Mancuso#Olympic_results
    let julia = new Skiier()

    console.log(julia.greet()); // Hi, I am fred

    julia.name = 'Julia Mancuso';

    console.log(julia.greet()); // Hi, I am Julia Mancuso

    delete julia.name;

    console.log(julia.greet()); // Hi, I am undefined
})();