SESI 42 - Object pada Javascript:Membuat objek

Membuat object

↳ secara literal (cara paling simple)

↳ fungsi deklarasi

↳ constrution function (keyword new)

↳ object.create() => jika sudah belajar mengenai prototype

Membuat object literal

var mhs1 = {

nama:'Riventus',

nrp:'012300421',

email:'kowkw@gmail.com',

jurusan:'teknik informatika'

}

var mhs2 = {

nama:'aksokow',

nrp:'012312341',

email:'kasdw@gmail.com',

jurusan:'teknik perkapalan'

}

jadi ada 2 obejct data mhs1 dan mhs2, jika membuat dengan cara ini properti yang sama tetapi nilai berbeda maka harus menulis semuanya dari awal hingga akhir.

Membuat object dengan fungsi deklarasi 

Di dalam parameter/argumentnya kita kirimkan properti-propertinya

function buatObjMhs(nama,nrp,email,jurusan){ //deklarasi variabel-variabel

var mhs = {};

mhs.nama=nama;

mhs.nrp=nrp;

mhs.email=email;

mhs.jurusan=jurusan;

return mhs;

}

function buatObjMhs(nama,nrp,email,jurusan){ //deklarasi variabel-variabel

var mhs = {};

mhs.nama=nama;

mhs.nrp=nrp;

mhs.email=email;

mhs.jurusan=jurusan;

return mhs;

}

var mhs3 = buatObjMhs('JAMES','2412423','james@gmail.com','Teknik Geologi');

di dalam console ditulis mhs3 maka muncul data hasil seperti dalam cara membuat object literal.

Membuat object dengan cara fungsi deklarasi ini yaitu lebih ringkas dan simple karena kita kelola variable dibuat sekali tetapi pemanggilannya nama objectya bisa berulang-ulang.

Membuat object dengan cara constructor

Sama seperti bhs. pemrogramanan lain dengan menggunakan nama kelas di awal dengan huruf besar untuk penamaan objectnya dan diisi parameter fungsi. Jika nama fungsi di tulis dengan awalan huruf kecil juga tidak akan error. Hanya untuk membedakan mana yang fungsi deklarasi atau mana fungsi constructor.

function Mahasiswa(nama,nrp,email,jurusan){ 

this.nama=nama;

this.nrp=nrp;

this.email=email;

this.jurusan=jurusan;

}

var mhs4 = new Mahasiswa('erik','552423','erik@gmail.com','Teknik Mesin');

menulis fungsi constructor hanya seperti ini saja tanpa ada var tanpa ada return. Jika ingin memanggilnya, maka harus ada keyword new untuk pemanggilan fungsi constructor jika tidak ada keyword new maka javascript akan menganggap objectnya memanggil object dengan fungsi deklarasi. Sehingga di console di tulis mhs4 maka undefined hasilnya jika tanpa keyword new, karena fungsinya tidak mengembalikan apa-apa. Constructor wajib menggunakan keyword new. Constructor yang akan digunakan pada seri selanjutnya.