Dasar Object Javascript

Construct Function Javascript

// Construct Function
function Saya(nama, energi) {
    this.nama = nama;
    this.energi = energi;
    this.makan = function(porsi){
        this.energi += porsi;
    },
    this.main = function(jam) {
        this.energi -= jam;
    }
}
let aku = new Saya('Aditya', 10);

Function Declaration Javascript

// Function Declaration
function Saya(nama, energi) {
    let saya = {};
    saya.nama = nama;
    saya.energi = energi;
    saya.makan = function(porsi){
        this.energi += porsi;
    },
    saya.main = function(jam) {
        this.energi -= jam;
    }
    return saya;
}
let aku = Saya('Aditya', 10);

Object Literal Javascript

// object literal
let saya = {
    nama : "Aditya",
    energi : 10,
    makan : function(porsi){
        this.energi = this.energi + porsi;
        console.log(`Hallo ${this.nama}, Selamat Makan`);
    },
    main : function(jam) {
        this.energi = this.energi - jam;
        console.log(`Hallo ${this.nama}, Selamat Bermain`);
    }
}

let dia = {
    nama: "Dia",
    energi: 10,
    makan: function (porsi) {
        this.energi = this.energi + porsi;
        console.log(`Hallo ${this.nama}, Selamat Makan`);
    },
    main: function (jam) {
        this.energi = this.energi - jam;
        console.log(`Hallo ${this.nama}, Selamat Bermain`);
    }
}

Penjelasan
Object Literal disini jika kita ingin menampilkan banyak object, kita harus mendeklarasikan object nya di masing masing variabel.

Function Declaration disini jika kita mengola data di dalam fungsi kita harus menggunakan this atau window.

Construct Function disini sebenarnya hampir sama dengan Function Declaration, hanya ada deklarasi object dan return itu dihapus, dan di gantikan oleh new untuk menjalankan fungsinya.