Haruskah saya menggunakan oop dalam javascript

Apa itu Pemrograman Berorientasi Objek?

Pemrograman Berorientasi Objek memperlakukan data sebagai elemen penting dalam pengembangan program dan tidak membiarkannya mengalir bebas di sekitar sistem. Itu mengikat data lebih aman ke fungsi yang beroperasi di atasnya dan melindunginya dari modifikasi yang tidak disengaja dari fungsi luar. OOP memecah masalah menjadi beberapa entitas yang disebut objek dan membangun data dan fungsi di sekitar objek tersebut.  

GRATIS Pelatihan Sertifikasi Java

Konsep dasar Pemrograman Berorientasi Objek

Objek

Objek adalah badan run-time dasar dalam kerangka kerja berorientasi objek. Mereka mungkin mewakili tempat, orang, akun, tabel data, atau apa pun yang perlu ditangani oleh program. Objek juga dapat mewakili data yang ditentukan pengguna seperti vektor, waktu, dan daftar

Pertimbangkan dua objek, "pelanggan" dan "akun" dalam sebuah program. Objek pelanggan dapat mengirimkan pesan permintaan saldo bank.  

Kelas

Kita tahu bahwa objek menyimpan data dan fungsi untuk memanipulasi data. Namun, keduanya dapat diikat bersama dalam tipe data yang ditentukan pengguna dengan bantuan kelas. Sejumlah objek dapat dibuat dalam kelas. Setiap objek dikaitkan dengan data kelas tipe. Oleh karena itu, kelas adalah kumpulan objek dengan tipe serupa.  

Misalnya, pertimbangkan kelas "Buah". Kita dapat membuat banyak objek untuk kelas ini -

Buah Mangga;

Ini akan membuat objek mangga yang termasuk dalam kelas fruit.   

Enkapsulasi

Enkapsulasi adalah pembungkusan/pengikatan data dan fungsi menjadi satu kesatuan yang disebut kelas. Enkapsulasi data adalah fitur kelas yang paling menonjol di mana data tidak dapat diakses ke dunia luar, dan hanya fungsi yang dibungkus di dalam kelas yang dapat mengaksesnya. Fungsi-fungsi ini berfungsi sebagai antarmuka antara data objek dan program.  

Warisan

Fenomena di mana objek dari satu kelas memperoleh properti objek dari kelas lain disebut Pewarisan. Ini mendukung konsep klasifikasi hierarkis. Perhatikan objek “mobil” yang termasuk dalam kelas “Kendaraan” dan “Kendaraan Ringan”

Dalam OOP, konsep pewarisan memastikan dapat digunakan kembali. Ini berarti bahwa fitur tambahan dapat ditambahkan ke kelas yang sudah ada tanpa memodifikasinya. Ini dimungkinkan dengan menurunkan kelas baru dari yang sudah ada.  

Konsep OOP dalam JavaScript

Sekarang setelah Anda terbiasa dengan konsep OOP, bagian ini akan menunjukkan kepada Anda bagaimana JavaScript mengimplementasikannya.  

Membuat Objek dalam JavaScript

• Kita dapat membuat objek menggunakan string literal di JavaScript.  

var siswa = {

nama. "Kris",

usia. 21,

studi. "Ilmu Komputer",

};

dokumen. getElementById("demo"). innerHTML = siswa. nama + "usia" + siswa. usia + "studi" + siswa. studi;

• Membuat objek menggunakan kata kunci baru

var siswa = Objek baru();

murid. nama = "Kris",

murid. usia=21,

murid. studi = "Ilmu Komputer";

dokumen. getElementById("demo"). innerHTML = siswa. nama + "usia" + siswa. usia + "studi" + siswa. studi;

• Membuat objek menggunakan konstruktor objek.  

function stud(nama, umur, studi){

ini. nama = nama;

ini. umur = umur;

ini. studi = studi;

}

var siswa = pejantan("Chris", 21, "Ilmu Komputer");

dokumen. getElementById("demo"). innerHTML = siswa. nama + "usia" + siswa. usia + "studi" + siswa. studi;

Output untuk ketiga skenario tersebut adalah

Kursus Pengembang Java Stack Penuh

Implementasi Kelas dalam JavaScript

JavaScript menggunakan standar ES6 untuk mendefinisikan kelas. Perhatikan contoh berikut.  

Mobil kelas {

konstruktor(nama, pembuat, harga) {

ini. nama = nama;

ini. pembuat =  pembuat;

ini. harga = harga;

}

getDetails(){

return (`Nama mobilnya adalah ${this. nama}. `)

}

}

let car1 = new Cars('Rolls Royce Ghost', 'Rolls Royce', '$315K');

biarkan mobil2 = Mobil baru('Mercedes AMG One', 'Mercedes', '$2700K');

menghibur. log(mobil1. nama);

menghibur. log(mobil2. pembuat);

menghibur. log(mobil1. getDetails());

Keluaran dari kode di atas adalah

Enkapsulasi dalam JavaScript

Enkapsulasi termasuk membungkus properti dan fungsi dalam satu unit. Perhatikan contoh berikut.  

kelas Emp_details{

konstruktor(nama,id){

ini. nama = nama;

ini. id = id;

}

tambahkan_Alamat(tambahkan){

ini. tambah = tambahkan;

}

getDetails(){

menghibur. log(`Nama Karyawan. ${ini. nama}, Alamat. ${ini. tambahkan}`);

}

}

biarkan person1 = new Emp_details('Anand',27);

orang1. add_Address('Bangalore');

orang1. dapatkanDetails();

Di sini, kelas menyimpan nama variabel data dan id bersama dengan fungsi add_Address dan getDetails. Semua dikemas dalam kelas Emp_details.  

Keluaran dari kode di atas adalah.  

Ini adalah beberapa dasar konsep pemrograman berorientasi objek dalam JavaScript.  

Kuasai bahasa pemrograman JavaScript dalam program pelatihan Sertifikasi JavaScript lengkap yang mencakup dasar-dasar JavaScript lengkap, jQuery, Ajax, dan lainnya

Langkah selanjutnya

Kami harap artikel tentang Pemrograman Berorientasi Objek dalam JavaScript ini membantu Anda.  

Untuk mempelajari lebih lanjut tentang JavaScript dan mungkin berkarier sebagai pengembang, akan berguna. Ini sangat direkomendasikan dan dapat melambungkan karier pengkodean Anda. Pelatihan Sertifikasi JavaScript Simplilearn mencakup dasar-dasar JavaScript, termasuk enumerasi dan elaborasi berbagai tipe data dalam JavaScript, penjelasan loop dan pernyataan bersyarat dalam JavaScript, dan ikhtisar konsep objek dan variabel dalam JavaScript

Jika Anda memiliki pertanyaan atau umpan balik, beri tahu kami di bagian komentar. Pakar kami akan menghubungi Anda secepatnya