User manual

NeoTutor
40
NeoTek Apr/Mei 2003
ada bagian yang lalu kita telah
mendefinisikan objek buatan
sendiri secara sederhana. Seka-
rang kita akan lebih mendalam dalam
mempelajari objek, hal ini karena boleh
dikatakan bahwa penggunakan objek
merupakan “kekuatan” scripting de-
ngan menggunakan Javascript.
Parameter-Parameter
Jika anda perhatikan dengan baik, sebe-
lumnya kita telah mengetahui bahwa
suatu fungsi dapat mempunyai para-
meter-parameter masukan, di mana
parameter-parameter ini akan dipakai
di dalam fungsi saja (bersifat lokal).
Nah, karena pada dasarnya suatu objek
dibangun dengan konstruktor yang
berbentuk suatu fungsi, maka kita juga
dapat memberikan parameter-parame-
ter masukan bagi objek yang kita defi-
nisikan. Berikut sintaks konstruktornya:
Kita akan mencobanya agar menjadi
lebih jelas. Perhatikan contoh berikut:
Outputnya:
Pada contoh di atas kita mendefiniskan
suatu konstruktor untuk objek coba
dengan satu buah parameter masukan
yaitu param1. Kemudian kita mende-
finisikan suatu metode dalam objek,
yaitu metode tulis yang berfungsi me-
nuliskan nilai yang dimasukkan pada
parameter masukan param1 tadi. Se-
telah konstruktor kita buat, baru kemu-
dian kita definisikan suatu instan untuk
objek, yang kita namakan dengan tes.
Peringatan:
• Masukan untuk parameter harus
disertakan pada pendefinisian suatu
instan objek. Jika hal ini tidak dila-
kukan maka akan terjadi error.
• Jumlah serta urutan dari parameter
yang dimasukkan juga harus sama
dengan jumlah serta urutan yang
didefinisikan pada konstruktor objek.
Perhatikan kembali contoh di atas. Jika
anda teliti pasti anda akan menemukan
suatu hal yang janggal pada contoh
tersebut. Ya, pada contoh tersebut kita
tidak bisa mengubah apa yang akan
kita tuliskan. Artinya jika kita telah
memasukkan suatu nilai ke parameter
masukan, maka nilai itu yang akan te-
rus berlaku. Sehingga jika kita ingin
menuliskan nilai lain misalnya, maka
kita harus membuat instan yang baru.
Merepotkan ya?
Sebenarnya kita bisa mengatasi hal ini
dengan cara menggunakan bantuan
properti. Artinya, terlebih dahulu kita
mempunyai sebuah properti di mana
mula-mula properti kita isi dengan pa-
rameter masukan dari objek, dan tentu
saja sewaktu-waktu bisa kita ubah de-
ngan cara memberi nilai baru ke pro-
perti. Nah, nilai properti inilah yang
kemudian akan kita tampilkan dengan
menggunakan metode. Baiklah dari-
pada Anda bingung lebih baik langsung
saja kita lihat skrip yang dimaksudkan
oleh deskripsi di atas.
Outputnya :
Ada cara lain juga untuk dapat menu-
liskan kalimat secara dinamis. Yaitu de-
ngan memasukkan parameter ke meto-
de, bukan ke objeknya. Ya, yang dimak-
sud adalah pada saat kita mendefinisi-
kan konstruktor, bukan fungsi dari ob-
jeknya yang kita beri masukan, tetapi
fungsi metodenya yang kita beri ma-
sukan. Hal ini tentu saja diperboleh-
kan. Lihat contohnya berikut ini.
Output:
Tips:
Dari contoh di atas kita bisa melakukan
hal yang sama pada suatu statement
dari Javascript yang sering kita pakai.
Misalnya pada suatu halaman kita akan
sangat sering sekali menggunakan
statement
ddooccuummeenntt..wwrriittee(())
, tentu
Objek pada JavaScript
Objek pada JavaScript
Pada bagian ini, Hadi Purnomo ([e-mail]) mengajak anda memahami objek
pada JavaScript, suatu tipe data pada JavaScript yang tidak termasuk tipe data primitif.
Bagian K
Bagian K
edua
edua
P
Ini adalah percobaan
<!-- contoh 9.2 -->
<script language="Javascript">
<!--
function coba(param1){
this.nilai=param1
this.tulis=function(){
document.write(this.nilai)
}
}
var tes=new coba("Ini sebelum properti
diubah<br>")
//panggil metode tulis sebelum properti
diubah
tes.tulis()
Ini baris pertama
Ini baris kedua
Ini baris ketiga
Ini baris keempat
Function namaobjek(parameter1,parameter2,...){
}
//ubah nilai dari properti
tes.nilai="Ini setelah properti diubah"
//panggil metode tulis setelah properti
diubah
tes.tulis()
//-->
</script>
<!-- contoh 9.1 -->
<script language="Javascript">
<!--
//definisi konstruktor objek coba
function coba(param1){
this.tulis=function(){
document.write(param1)
}
}
//buat instan untuk objek coba
var tes=new coba("Ini adalah percobaan")
//panggil metode tulis dari instan objek tes
tes.tulis()
//-->
</script>
Ini sebelum properti diubah
Ini setelah properti diubah
<!-- contoh 9.3 -->
<script language="Javascript">
<!--
function coba(){
this.tulis=function(param1){
document.write(param1)
}
}
var tes=new coba()
//panggil metode tulis untuk menuliskan string
ke dokumen
tes.tulis("Ini baris pertama<br>")
tes.tulis("Ini baris kedua<br>")
tes.tulis("Ini baris ketiga<br>")
tes.tulis("Ini baris keempat<br>")
//-->
</script>