Belajar JavaScript Dasar Lengkap

Object Dalam JavaScript

Belajar javascript dasar lengkap untuk pemula – Keseharian kita selalu dikelilingi dengan sebuah objek, entah itu objek bergerak ataupun tidak bergerak. Objek merupakan segala sesuatu hal yang ada dunia ini. Dari beragam objek inilah dapat kita modelkan kedalam pemrograman. Pemodelan ini biasanya menggunakan pendekatan Object Oriented Programming atau pemrograman beorientasikan objek.

Object Property

Properti objek dapat berupa salah satu dari tiga tipe data ariable, atau salah satu tipe data abstrak, seperti objek lain. Properti objek biasanya merupakan ariable yang digunakan secara internal dalam metode objek, tetapi juga dapat berupa ariable yang terlihat secara global yang digunakan di seluruh halaman.

Sintaks untuk menambahkan properti ke objek adalah:

objectName.objectProperty = propertyValue;

Contoh: Kode berikut mendapatkan judul dokumen menggunakan properti “judul” dari objek dokumen.

var str = document.title;

Object Method

Method adalah fungsi yang membiarkan objek melakukan sesuatu atau membiarkan sesuatu dilakukan padanya. Ada perbedaan kecil antara fungsi dan method – pada fungsi adalah unit pernyataan yang berdiri sendiri dan method dilampirkan ke objek dan dapat direferensikan oleh kata kunci this.

Method berguna untuk semuanya, mulai dari menampilkan konten objek ke layar hingga melakukan operasi matematika yang kompleks pada sekelompok properti dan parameter lokal.

Contoh: Berikut ini adalah contoh sederhana untuk menunjukkan bagaimana menggunakan write() method objek dokumen untuk menulis konten apa pun pada dokumen.

document.write ("This is test");

User-Defined Objects

Semua objek yang ditentukan pengguna dan objek bawaan adalah turunan dari objek yang disebut Objek.

New Operator

Operator new digunakan untuk membuat sebuah instance dari sebuah objek. Untuk membuat objek, operator baru diikuti dengan metode konstruktor. Dalam contoh berikut, metode konstruktor adalah Object(), Array(), dan Date(). Konstruktor ini adalah fungsi JavaScript bawaan.

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

Object() Constructor

Konstruktor (Constructor) adalah fungsi yang membuat dan menginisialisasi objek. JavaScript menyediakan fungsi konstruktor khusus yang disebut Object() untuk membangun objek. Nilai kembalian dari konstruktor Object() ditetapkan ke sebuah variabel. Variabel berisi referensi ke objek baru. Properti yang ditetapkan ke objek bukanlah variabel dan tidak didefinisikan dengan kata kunci var.

Cobalah contoh berikut; itu menunjukkan cara membuat Object.

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object(); // Buat Objek
book.subject = "Pemrogramman JS"; // Tentukan properti objek
book.author = "Ahmad Mubarok";
</script>
</head>
<body>
<script type="text/javascript">
document.write("Book name is : " + book.subject + "<br>");
document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>

Contoh ini menunjukkan cara membuat objek dengan Fungsi Buatan Pengguna. This kata kunci merupakan digunakan untuk merujuk ke objek yang telah diteruskan ke suatu fungsi.

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author)
{
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Pemrogramman JS", "Ahmad Mubarok");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>

<< Part 9

• Abdul Qadir, 2013, From Zero to A Pro Javascript & Jquery, Andi Yogyakarta
• Tutorials point, 2015, JavaScript Language Tutorials Point, E-book,com
• www.w3schools.com