JS OOP: 07. Parameter di constructor function

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Parameter di constructor function</title>
</head>
<body>
    <script>

        // parameter di constructor function
        function Person(firstName, lastName) {
            this.firstName = firstName
            this.lastName = lastName
            this.sayHello = function (name) {
                console.log(`Hello ${name}, my name is ${this.firstName} ${this.lastName}`);
            }
        }

        // jumlah parameter yang dikirimkan = jumlah property
        const budi = new Person("Budi", "Nugraha");
        budi.sayHello("Joko"); // Hello Joko, my name is Budi Nugraha

        // jumlah parameter yang dikirimkan > jumlah property
        const eko = new Person("Eko", "Kurniawan", "Khannedy");
        eko.sayHello("Joko"); // Hello Joko, my name is Eko Kurniawan

        // jumlah parameter yang dikirimkan < jumlah property
        const nicholas = new Person("Nicholas");
        nicholas.sayHello("Joko"); // Hello Joko, my name is Nicholas undefined

    </script>
</body>
</html>