Semua yang perlu Anda ketahui tentang Objek JavaScript

adalah bahasa Pemrograman Berorientasi Objek. Objek membentuk blok bangunan yang dianggap sebagai tipe data yang paling pentinguntuk bahasa pemrograman. Artikel ini akan memberikan pengetahuan mendalam tentang Objek JavaScript, bagaimana mereka dibuat dan didefinisikan dalam urutan berikut:

• Objek JavaScript
• Bagaimana cara membuat objek baru?
• Properti
• Metode
• Accessors
• Prototipe

Objek JavaScript

Objek mirip dengan objek dalam kehidupan nyata yang terdiri dari atribut dan properti yang berbeda. Objek ini didefinisikan sebagai kumpulan data terkait yang tidak berurutan, yang primitif atau tipe referensi. Ini didefinisikan dalam bentuk pasangan 'kunci: nilai'.

Kunci ini adalah variabel atau fungsi yang disebut sebagai properti dan metode suatu objek. Anda dapat membuat objek JavaScript sebagai:

biarkan ObjectName = {Properti1: 'Nilai', Properti2: 'Nilai', ... ...}

Bagaimana cara membuat objek baru?

Ada 3 cara untuk membuat objek baru:

• Dengan Objek Literal

Sintaksis:

objek = {properti1: nilai1, properti2: nilai2 ..... propertiN: nilaiN}

Contoh:

karyawan = {id: 700, nama: 'Evan', gaji: 30000} document.write (employee.id + '' + employee.name + '' + employee.salary)

Keluaran:

700 Evan 30000

• Dengan Membuat instance Objek

Sintaksis:

var objectname = new Object ()

Contoh:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Keluaran:

701 Karan 40000

• Dengan Menggunakan Pembuat Objek

Sebuah fungsi dibuat dengan argumen. Setiap nilai argumen dapat ditetapkan di objek saat ini dengan menggunakan ini kata kunci.

Contoh:

fungsi karyawan (id, nama, gaji) {this.id = id this.name = name this.salary = gaji} emp = karyawan baru (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Keluaran:

702 Neha 35000

Properti

UNTUK Properti dari suatu benda adalah a variabel yang melekat pada objek. Mereka pada dasarnya sama dengan variabel JavaScript, kecuali untuk lampiran ke objek.

Properti suatu objek menentukan karakteristik objek. Anda dapat mengakses properti suatu objek dengan notasi titik sederhana seperti:

objectName.propertyName

Anda dapat mendefinisikan properti dengan memberinya nilai. Misalnya, mari buat sebuah objek bernama Mobil dan berikan properti seperti perusahaan, model , dan warna . Itu dapat didefinisikan sebagai:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metode

UNTUK metode adalah fungsi terkait dengan suatu objek. Ini juga merupakan properti dari suatu objek. Metode didefinisikan sebagai fungsi normal tetapi harus ditetapkan sebagai Properti dari suatu objek.

Metode objek dapat diakses sebagai:

struktur data dan algoritma dalam tutorial java

objectName.methodName ()

Contoh:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Keluaran:

Tessa Den

Beberapa metode bawaan yang umum digunakan adalah:

Accessors

Pengakses JavaScript terdiri dari Getters dan Setter yang digunakan untuk menentukan pengakses objek.

• Dapatkan Kata Kunci

Mari kita ambil contoh dan lihat caranya Getters digunakan untuk Dapatkan nilai apa pun dari properti:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, dapatkan id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Keluaran:

401

• Set Kata Kunci

Mari kita ambil contoh dan lihat caranya Setter digunakan untuk set nilai apa pun dari properti:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Keluaran:

401

Prototipe

Semua objek JavaScript mewarisi properti dan metode dari prototipe. Sebagai contoh:

• Tanggal benda mewarisi dari Date.prototype
• Himpunan benda mewarisi dari Array.prototype
• Orang benda mewarisi dari Person.prototype

JavaScript prototipe properti digunakan untuk menambahkan properti baru ke konstruktor objek.

Contoh:

function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Properti prototipe juga memungkinkan Anda menambahkan metode baru ke konstruktor objek.

Contoh:

function Person (first, last, id, age) {// Menambahkan metode ke konstruktor this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Anda dapat memodifikasi prototipe Anda sendiri tetapi tidak pernah memodifikasi prototipe objek JavaScript standar.

Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda memahami Objek JavaScript dan metode berbeda untuk mendefinisikannya.

Sekarang setelah Anda mengetahui tentang Objek JavaScript, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda Mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).

Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Objek JavaScript' dan kami akan menghubungi Anda kembali.