JavaScript - Ringkasan Objek

JavaScript adalah bahasa Pemrograman Berorientasi Objek (OOP). Bahasa pemrograman dapat disebut berorientasi objek jika menyediakan empat kemampuan dasar untuk pengembang -

Encapsulation - kemampuan untuk menyimpan informasi terkait, baik data atau metode, bersama-sama dalam suatu objek.
Aggregation - kemampuan untuk menyimpan satu objek di dalam objek lain.
Inheritance - kapabilitas kelas untuk mengandalkan kelas lain (atau jumlah kelas) untuk beberapa properti dan metodenya.
Polymorphism - kemampuan untuk menulis satu fungsi atau metode yang bekerja dalam berbagai cara berbeda.

Objek terdiri dari atribut. Jika atribut berisi fungsi, itu dianggap sebagai metode objek, jika tidak atribut dianggap properti.

Properti Objek

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

Sintaks untuk menambahkan properti ke objek adalah -

objectName.objectProperty = propertyValue;

For example - Kode berikut mendapatkan judul dokumen menggunakan "title" milik dari document obyek.

var str = document.title;

Metode Objek

Metode adalah fungsi yang memungkinkan objek melakukan sesuatu atau membiarkan sesuatu dilakukan padanya. Ada perbedaan kecil antara fungsi dan metode - pada fungsi adalah unit pernyataan mandiri dan metode dilampirkan ke objek dan dapat direferensikan olehthis kata kunci.

Metode berguna untuk segala hal mulai dari menampilkan konten objek ke layar hingga melakukan operasi matematika yang kompleks pada sekelompok properti dan parameter lokal.

For example - Berikut adalah contoh sederhana untuk menunjukkan cara menggunakan file write() metode objek dokumen untuk menulis konten apa pun pada dokumen.

document.write("This is test");

Objek Buatan Pengguna

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

Operator baru

Itu newoperator digunakan untuk membuat instance dari suatu objek. Untuk membuat sebuah objek, filenew operator diikuti oleh 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");

The Object () Constructor

Konstruktor adalah fungsi yang membuat dan menginisialisasi objek. JavaScript menyediakan fungsi konstruktor khusus yang disebutObject()untuk membangun objek. Nilai kembali dariObject() konstruktor ditugaskan ke variabel.

Variabel berisi referensi ke objek baru. Properti yang ditugaskan ke objek bukan variabel dan tidak ditentukan denganvar kata kunci.

Contoh 1

Coba contoh berikut; itu mendemonstrasikan cara membuat sebuah Objek.

<html>
   <head>
      <title>User-defined objects</title>     
      <script type = "text/javascript">
         var book = new Object();   // Create the object
         book.subject = "Perl";     // Assign properties to the object
         book.author  = "Mohtashim";
      </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>

Keluaran

Book name is : Perl 
Book author is : Mohtashim

Contoh 2

Contoh ini menunjukkan cara membuat objek dengan Fungsi yang Ditentukan Pengguna. Sinithis kata kunci 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("Perl", "Mohtashim");
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
      </script>      
   </body>
</html>

Keluaran

Book title is : Perl 
Book author is : Mohtashim

Mendefinisikan Metode untuk Objek

Contoh sebelumnya menunjukkan bagaimana konstruktor membuat objek dan menetapkan properti. Tapi kita perlu melengkapi definisi suatu objek dengan menetapkan metode padanya.

Contoh

Coba contoh berikut; ini menunjukkan bagaimana menambahkan fungsi bersama dengan sebuah objek.

<html>
   
   <head>
   <title>User-defined objects</title>
      <script type = "text/javascript">
         // Define a function which will work as a method
         function addPrice(amount) {
            this.price = amount; 
         }
         
         function book(title, author) {
            this.title = title;
            this.author  = author;
            this.addPrice = addPrice;  // Assign that method as property.
         }
      </script>      
   </head>
   
   <body>   
      <script type = "text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>      
   </body>
</html>

Keluaran

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

Kata kunci 'dengan'

Itu ‘with’ kata kunci digunakan sebagai semacam singkatan untuk mereferensikan properti atau metode objek.

Objek ditentukan sebagai argumen untuk withmenjadi objek default selama durasi blok berikutnya. Properti dan metode untuk objek dapat digunakan tanpa memberi nama objek.

Sintaksis

Sintaks dengan objek adalah sebagai berikut -

with (object) {
   properties used without the object name and dot
}

Contoh

Coba contoh berikut.

<html>
   <head>
   <title>User-defined objects</title>   
      <script type = "text/javascript">
         // Define a function which will work as a method
         function addPrice(amount) {
            with(this) {
               price = amount;
            }
         }
         function book(title, author) {
            this.title = title;
            this.author = author;
            this.price = 0;
            this.addPrice = addPrice;  // Assign that method as property.
         }
      </script>      
   </head>
   
   <body>   
      <script type = "text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>      
   </body>
</html>

Keluaran

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

Objek Asli JavaScript

JavaScript memiliki beberapa objek bawaan atau bawaan. Objek ini dapat diakses di mana saja di program Anda dan akan bekerja dengan cara yang sama di browser apa pun yang berjalan di sistem operasi apa pun.

Berikut adalah daftar semua Objek Asli JavaScript yang penting -

Objek Nomor JavaScript
Objek Boolean JavaScript
Objek String JavaScript
Objek Array JavaScript
Objek Tanggal JavaScript
Objek Matematika JavaScript
Objek RegExp JavaScript