Category

Powered by Blogger.

Friday, December 4, 2015

javascript - object

by Lindi Classic  |  in javascript at  1:14 PM

Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan sedikit tentang (object) pada Javascript.  
A. Penggunaan Objek
1. Menciptakan Objek Sendiri
JavaScript adalah suatu bahasa berdasarkan pada objek dan bukan merupakan bahasa object-oriented programming (OOP). Perancang JavaScript tidak bertujuan membuat suatu bahasa OOP yang baru; tetapi bertujuan membuat suatu bahasa script untuk mengintegrasikan objek yang telah dibuat dengan suatu bahasa OOP kedalam dokumen HTML. Selanjutnya Javascript tidak memiliki encapsulation, inheritance dan abstraction seperti pada bahasa pemrograman C atau Java. Tetapi class pada JavaScript menyediakan properti dan metode untuk membuat objek.

JavaScript memperlakukan elemen-elemen yang tampil di jendela navigator kita sebagai suatu objek, yang artinya adalah elemen yang :
  1. Diklasifikasikan berdasarkan hirarki/tingkatan khusus sehingga bisa diketahui dimana letak/lokasi objek itu sebenarnya.
  2. Dimana kita mengasosiasikan dengan kondisi atau sifat sifat khusus (properti). Pengertian diatas mungkin sedikit membingungkan bagi anda, tapi coba lihat contoh berikut ini untuk memperjelas. Misal bayangkan ada satu pohon yang terletak di dalam satu kebun, dimana pohon itu mempunyai banyak dahan, dan di salah satu dahannya terdapat sarang burung. Hirarkinya sebagai berikut :

 Sarang burung yang berada di atas pohon dapat di tuliskan sebagai berikut :
Bayangkan sekarang untuk mengecat atau mengganti warna sarang burung yang terletak di atas pohon, maka cukup mengetik perintah berikut ini :

Penjelasan diatas merupakan ilustrasi tentang bagaimana memperlakukan objek didalam JavaScript, perbedaannya adalah bukan pohon sebagai bentuk objek kita, akan tetapi navigator kitalah sebagai objek utamanya.

1.1 Mendefinisikan Objek
Berikut ini adalah notasi yang digunakan oleh JavaScript untuk menggambarkan suatu objek dan propertinya:
 Sebagai contoh, objek pegawai memiliki properti sebagai berikut :







Juga dapat mengunakan acuan array dengan index secara numerik:

1.2 Mendefinisikan Objek dengan Fungsi
Suatu objek dapat dibuat dengan properti yang telah didefinisikan. Sebagai contoh akan dibuat satu objek mahasiswa dengan properti sebagai berikut :
  • NIM
  • Nama
  • Umur
Kita bisa membuat objek mahasiswa dengan menggunakan satu fungsi yang kita beri nama fungsi mahasiswa, dimana properti dari objek mahasiswa didefinisikan di fungsi tersebut. Kita juga menggunakan kata kunci this, properti ini merupakan penunjuk ke objek mahasiswa, dalam contoh yang detailnya dapat anda lihat berikut ini :

Untuk seterusnya fungsi diatas disebut konstruktur objek, karena Anda telah mengkonstruksi sebuah objek dengan fungsi tersebut.

Untuk menciptakan instant dari objek mahasiswa diatas, kita gunakan kata kunci new (maksudnya satu objek yang lain dengan properti sama dengan objek mahasiswa) :
Untuk melakukan manipulasi pada objek membutuhkan fasilitas tambahan dari JavaScript yaitu dengan perintah for...in , perintah with, operator new, dan kata kunci this. Bila Anda ingin menggunakan properti atau memanggil metode beberapa kali, dapat mempersingkat penulisan dengan pernyataan with. Pernyataan with menghilangkan perlunya penulisan nama objek.

2. Objek Standar JavaScript
JavaScript telah menyediakan predefined objects, yaitu objek-objek yang telah terdefinisi dan siap dipakai. Objek-objek ini distandarisasikan oleh asosiasi ECMA (European Computer Manufacturer Association). Berikut ini adalah daftar objek standar JavaScript.

Cara mendefinisikan objek standar JavaScript untuk array, boolean, date adalah sebagai berikut :

Cara mendefinisikan objek standar JavaScript untuk string adalah sebagai berikut :

Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:

<html>
<head>
    <title>javascript object</title>
    <script language="javascript">
        <!--
        //definisi objeck mahasiswa
        function mahasiswa(nim , nama , umur)
        {
            this.nim    = nim;
            this.nama    = nama;
            this.umur    = umur;
        }
           
        function lindi(programmer)    
        {   
            for(var kelas in programmer)
            document.writeln(programmer[kelas]);
            document.writeln("");
        }   
        -->
    </script>
</head>
<body bgcolor="lightblue">
    <script language="javascript">
        <!--
        document.writeln("<pre>");
            //menciptakan instan objek mahasiswa
            var mahasiswa1 = new mahasiswa("12140022" , "lindi" , "26");
            var mahasiswa2 = new mahasiswa("12140045" , "reki" , "25");
            var mahasiswa3 = new mahasiswa("12140050" , "dika" , "25");
       
            //menuliskan instan objek mahasiswa
            document.writeln("nilai objek mahasiswa 1");
            lindi(mahasiswa1);
            document.writeln("nilai objek mahasiswa 2");
            lindi(mahasiswa2);
            document.writeln("nilai objek mahasiswa 3");
            lindi(mahasiswa3);
       
            //mmengisi nilai baru mahasiswa1
            document.writeln("Nilai baru mahasiswa 1");
            mahasiswa1["nim"] = "12140025";
            mahasiswa1["nama"] = "lindiyantoro";
            mahasiswa1["umur"] = "27";
           
            lindi(mahasiswa1)
        document.writeln("</pre>");
        -->
    </script>
</body>
</html>

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:


Demikianlah sedikit penjelasan tentang object pada Javascript. Semoga bermanfaat, Salam sukses...

0 comments:

Proudly Powered by Blogger.