> For the complete documentation index, see [llms.txt](https://themas.gitbook.io/javascript-dom/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themas.gitbook.io/javascript-dom/javascript-object-oriented-programming/membuat-class.md).

# Membuat Class

Sejak EcmaScript versi 6, diperkenalkan kata kunci baru, yaitu class, ini merupakan kata kunci yang digunakan untuk membuat class di JavaScript Dengan kata kunci class, kita tidak perlu lagi menggunakan constructor function untuk membuat class

**Kode : Membuat Class**

![](https://lh6.googleusercontent.com/Q8CBYZnWezWRmM-t5u_r_sEmgXC1KEIUWgZJsvMLDd-7Xs7f37QC55KJCF4KP7UM_UmvfxVztdIgDXaOtWKa_hRb8izGL3aQX8nzZh_BYXwhCqwCK2NlR3CloNpVMNl0UICTpT6PJbCUV75mqAz0nNso)

### **Constructor di Class**

Karena bentuk constructor function mirip dengan function, jadi kita bisa menambah parameter pada constructor function, lantas bagaimana dengan class?

{% hint style="info" %}
Di class juga kita bisa menambah constructor, dimana dengan menggunakan constructor, kita juga bisa menambah parameter saat pertama kali membuat object nya Untuk membuat constructor di class, kita bisa menggunakan kata kunci constructor
{% endhint %}

**Kode : Constructor di Class**

![](https://lh4.googleusercontent.com/k3YJaRYnTRt5dQD7ZalxBVH82p474TESNh7M8Tog02YlMTC_BXMigaXeiY4ZjYtKharnTtuO-PBWC82MFgBhwCRO8IfFhAWot3PgxF8APHArsfSziC6CFnRVHFLbwurjjy6JLwDjvjI5fHEeZiRQl1qj)

### **Property di Class**

Sama seperti pada constructor function, dalam class pun kita bisa menambahkan property Karena hasil akhirnya adalah sebuah object, jadi menambahkan property di class bisa juga dilakukan di instance object nya

**Kode : Property di Class**

![](https://lh4.googleusercontent.com/IMIz-Bl3ThRycXNcECvYvSogxqPJaALrHMkmXAPD3x-NvmwjxP3umn63Jjw9Q22o1uPDslp6RZZ-NzuL84oO66PckmxEXgnxqCTBd8AKf2d66-9eC-ARvHh-RbnXP0xKdDoXEqSoQPmJ5zUIKUt6JRMI)