Tutorial Belajar JavaScript #9 Cara Membuat Objek

Tutorial belajar Javascript #9 Cara Membuat Objek Pada Javascript

Jika pada tutorial Javascript sebelumnya kita mempelajari tentang Manipulasi Data Array pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara bagaimana membuat objek pada Javascript.

Objek pada Javascript adalah variabel yang berisi nilai (Properti) dan fungsi (Method), pada pemprograman Javascript objek merupakan bagian yang sangat penting, apabila teman-teman mampu memahami object pada javascript dengan baik maka akan dengan mudah kita mempelajari bahasa pemprograman dengan Javascript.

Contoh di tutorial kita pada kali ini adalah kita akan coba membuat objek Motor :

Bagaimana kita memodelkan objek motor pada pemprograman Javascript, berikut contohnya :

var motor = { nama : 'CBR150', merek : 'Honda', warna : 'Merah' };

Agar lebih rapi dan mudah dipahami bisa juga ditulis seperti berikut :

var motor = { 
    nama : 'CBR150', 
    merek : 'Honda', 
    warna : 'Merah' 
};

Dari contoh diatas kita berusaja membuat properti dengan objek motor, dimana properti (variabel) adalah nilai dari objek motor dimana berisi properti nama CBR150, merek Honda, warna Merah.

Sedangkan method adalah perilaku dari objek (fungsi).

var motor = { 
    nama : 'CBR150', 
    merek : 'Honda', 
    warna : 'Merah' 
};

// method
start = function() {
     console.log('Ini method start motor');
};

Selanjutnya cara untuk mengakses objek adalah menggunakan tanda titik kemudian nama properti atau method.

// cara akses variabel objek motor
console.log(motor.nama);

// cara akses method start
start();

Ada beberapa cara didalam membuat objek pada Javascript, disini kita akan membahas tiga saja yakni cara membuat objek secara Declaration, Literal, Constructor.

Declaration disini kita membuat fungsi halo, tapi sebelumnya kita buat file latihan.html :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Javascript</title>

</head>

<body>
    <h1>Hello World</h1>
    
    <script src="script.js"></script>
</body>

</html>

Kemudian buat file script.js kemudian teman-teman coba satu persatu dari method atau fungsi halo berikut :

// declaration
function halo() {
    console.log('halo');
}
halo();

// literal
var obj = {};
obj.halo = function(){
    console.log('halo Ilmuweb.net');
}
obj.halo();

// cara 3 - constructor
function Halo() {
    console.log('Apakabar');
}

new Halo();

Dari kodingan kita diatas maka hasilnya adalah sebagai berikut :

method declaration
method literal
method constructor

Ok sekian dulu teman-teman pembahasan kita tentang babaimana cara membuat objek pada Javascript, terima kasih telah membaca tutorial sampai selesai 🙂 semoga bermanfaat, pada tutorial selanjutnya kita akan masuk pada DOM Javascript, ditunggu ya tutorial berikutnya.

You may also like...