07-object-prototype-inheritance.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prototype Inheritance</title>
</head>
<body>
    <script>

        function Employee(name){
            this.name = name;
        }

        function Manager(name){
            this.name = name;
        }

        // Manager.prototype = Employee.prototype; // salah

        Manager.prototype = Object.create(Employee.prototype); // benar

        Manager.prototype.sayHello = function(name) {
            console.info(`Hello ${name}, my name is Manager ${this.name}`);
        }

        Employee.prototype.sayHello = function(name) {
            console.info(`Hello ${name}, my name is Employee ${this.name}`);
        }

        const employee = new Employee("Faqih");
        employee.sayHello("Fitrya");

        const manager = new Manager("Fitrya");
        manager.sayHello("Faqih");


        console.info(employee);
        console.info(manager);
    </script>
</body>
</html>