javascript-oop/11-class-method.html at main · programmerShinobi/javascript-oop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!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>Class Method</title>
</head>
<body>
    <script>

        class Person {

            constructor(name) {
                this.name = name;

                // tidak direkomendasikan
                // this.sayHello = function(name){
                //     console.info(`Hello ${name}, my name is ${this.name}`);
                // }
            }

            // direkomendasikan
            sayHello(name) {
                console.info(`Hi ${name}, my name is ${this.name}`);
            }
        }

        const faqih = new Person("Faqih");
        console.info(faqih);

        const boy = new Person("Boy");
        console.info(boy);

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