Metode Objek Pemrograman JavaScript

Contoh

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Coba Sendiri

Metode JavaScript

Metode JavaScript adalah aksi yang dapat dilakukan pada objek.

JavaScript MetodetermasukDefinisi fungsiatribut.

Atribut nilai
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Metode disimpan sebagai atribut objek adalah fungsi.

this kata kunci

di JavaScript disebut this hal-hal, adalah objek yang memiliki kode JavaScript ini.

this nilai, saat digunakan di dalam fungsi, adalah objek yang 'miliki' fungsi.

Perhatikan this Bukan variabel. Ini adalah kata kunci. Anda tidak dapat mengubah this nilai.

Mengakses metode objek

Silakan gunakan sintaks berikut untuk membuat metode objek:

methodName : function() { Baris kode }

Silakan gunakan sintaks berikut untuk mengakses metode objek:

objectName.methodName()

Anda biasanya akan mendeskripsikan fullName() sebagai metode objek person, dan fullName sebagai atribut.

Atribut fullName, setelah di panggil melalui () akan dieksekusi dalam bentuk fungsi.

Contoh ini mengakses fungsi fullName() objek person Metode:

Contoh

name = person.fullName();

Coba Sendiri

Jika Anda mengakses fullName AtributJika tidak menggunakan () saat mendefinisikan fungsi, maka akan kembalikanDefinisi fungsi:

Contoh

name = person.fullName;

Coba Sendiri

Menggunakan metode bawaan

Contoh ini menggunakan objek String toUpperCase() Metode, mengubah teks menjadi huruf besar:

var pesan = "Hello world!";
var x = message.toUpperCase();

Nilai x, setelah eksekusi kode di atas akan menjadi:

HELLO WORLD!

Tambahkan Method Baru

Menambahkan method ke objek disiapkan di dalam fungsi constructor:

Contoh

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

Nilai fungsi changeName() atribut name diisi ke atribut lastName objek person.

Sekarang Anda dapat mencoba:

myMother.changeName("Jobs");

Coba Sendiri

Dengan mengganti 'myMother' dengan 'this', JavaScript mengetahui yang orang yang Anda maksudkan.