Skip to main content

Classes | JavaScript

 

Halo! IT Corner Rabu ini materinya adalah classes dalam JavaScript.


Class itu adalah sebuah template atau blueprint untuk membuat objek. Class ini mendefinisikan struktur, data, dan sifat objek.


Class menggunakan keyword 'class' untuk membuatnya. Di dalam class tersebut, terdapat keyword 'constructor' yang meninitialisasikan properti atau variabel class tersebut. Selain itu, juga ada method atau function di dalam class itu. Seterusnya, ada keyword 'new' untuk membuat instansi baru dari sebuah class.


Salah satu contohnya adalah penulisan blogger saya. Kalau kalian perhatian cara penulisannya, pasti pembukaan dan penutupan hampir selalu sama. Nah, kita pakai ilustrasi ini dan menjadikannya sebuah class. Berikut contohnya:

class Blogger {
  constructor(isi) {
    this.pembukaan = "Halo";
    this.isi = isi;
    this.penutup = "Selamat jumpa";
  }

  tulis() {
    console.log(this.pembukaan);
    console.log(this.isi);
    console.log(this.penutup);
  }
}

blog1 = new Blogger("Materi classes JavaScript");
blog2 = new Blogger("Materi JSON");

blog1.tulis();
blog2.tulis();


Di situ, blog1 ketika memanggil tulis() akan menghasilkan output berikut:

Halo
Materi classes JavaScript
Selamat jumpa

Sedangkan blog2 akan menghasilkan yang berikut:

Halo
Materi JSON
Selamat jumpa


Sampai ini saja untuk materi classes. Sampai jumpa lagi di blog selanjutnya!

Comments

Popular posts from this blog

Operators | PHP

Halo! IT Wajib kali ini saya belajar tentang operators dalam PHP. Dalam blog ini, saya akan membahas beberapa operator yang ada di dalam operator aritmatika. Operator aritmatika ini menggunakan nilai numerik untuk melakukan aritmatika seperti penjumlahan, pengurangan, perkalian, dan pembagian. Jadi, konsepnya ya seperti matematik. Operator penjumlahan (+) digunakan untuk menambah dua nilai numerik dan mengembalikan hasilnya. Contohnya adalah $x + $y. Operator pengurangan (-) digunakan untuk mengurangi dua nilai numerik dan mengembalikan bedanya. Contohnya adalah $x - $y. Operator perkalian (*) digunakan untuk mengalikan dua nilai numerik dan mengembalikan produknya. Contohnya adalah $x * $y. Operator pembagian (/) digunakan untuk membagi dua nilai numerik dan mengembalikan hasil baginya. Contohnya adalah $x / $y. Itu saja untuk materi operators. Jumpa lagi di materi selanjutnya! Project Source Code View Code Project Name: Demonstrasi Matrix Language(s): PHP Source Code ...

Borders | CSS

Halo! IT hari ini saya mempelajari tentang CSS, lebih spesifiknya tentang borders. Mesti kalian berpikir nih, apa itu CSS? CSS atau Cascading Style Sheet itu digunakan bersama HTML untuk membuat websitenya lebih menarik. Border itu ada banyak jenisnya, berikut ini jenis-jenis border beserta pengertiannya: Dotted - Menentukan batas putus-putus pendek. Dashed - Menentukan batas putus-putus panjang. Solid - Menentukan batas solid. Double - Menentukan batas ganda. Groove - Menentukan batas beralur 3D. Efeknya tergantung pada nilai border-color. Ridge - Menentukan batas bergelombang 3D. Efeknya tergantung pada nilai border-color. Inset - Menentukan batas sisipan 3D. Efeknya tergantung pada nilai border-color. Outset - Menentukan batas awal 3D. Efeknya tergantung pada nilai border-color. None - Tidak menentukan batas. Hidden - Menentukan batas yang tersembunyi. Selain itu, juga bisa mencampur-campurkan berbagai jenis border untuk membuat border lebih unik. S...

Pengenalan JavaScript

Halo! IT Corner hari ini saya mulai memasuki JavaScript. Kebetulan IT Corner hari ini itu belajar di lab komputer, jadi pemrogramannya lebih mudah karena bisa pakai VSCode. Baiklah, kembali ke topik JavaScript. JavaScript ini suatu bahasa pemrograman untuk front-end atau client-side. JavaScript ini biasanya digunakan untuk mengatur bagaimana suatu website berfungsi dalam sisi klientnya. Bahasa JavaScript bisa ditulis langsung dalam file HTML-nya atau bisa ditulis dalam file dengan extensi ".js" dan menggabungnya. Salah satu contoh penggunaan JavaScript itu adalah mengganti background menjadi light mode atau dark mode. Selain itu, JavaScript bisa digunakan untuk membuat suatu website lebih interaktif. Itu saja untuk pengenalan JavaScript. Sampai jumpa lagi di blog selanjutnya! Project Source Code View Code Project Name: Background Changer Demo Language(s): HTML, CSS, JavaScript Source Code Copy Code Background Changer Change Backg...