Diskusi tentang objek JavaScript

Penulis：Eve Cole Waktu Pembaruan：2025-02-10 11:50:24

Karena fleksibilitas JavaScript, semua orang dapat menulis kode sesuai dengan kebiasaan mereka sendiri. secara bertahap dimulai.

1. Objek literal:

Berikut ini adalah konten yang dikutip:

var person = {
Nama: NULL,
setName: function (name) {
this.name = name;
kembalikan nama ini;
},
getName: function () {
waspada (this.name);
}
}

Metode pemrograman dengan fitur JavaScript, berisi nama atribut, metode setname dan getName di unit kelas. Itu tidak pribadi dan bisa dipanggil.

2. Mode panggilan konstruktor prototipe

Berikut ini adalah konten yang dikutip:

var person = function () {
this.name = null;
}
Person.prototype.setName = function (name) {
this.name = name;
}
Person.prototype.getName = function () {
waspada (this.name);
}

Ini juga merupakan metode pemrograman yang sangat umum. kelas). Kesalahan berasal dari menunjuk ke orang ini. Prototipe, dan orang tidak memiliki metode setName.

3. Gunakan fungsi anonim untuk fungsi program

Berikut ini adalah konten yang dikutip:

(fungsi(){
nama var;

var setName = function (n) {
name = n;
}
window ['person'] ['setName'] = setName;

var getName = function () {
peringatan (nama);
}
window ['person'] ['getName'] = getName;
}) ()

Salah satu manfaat terbesar dari kemunculan kelas adalah bahwa itu mengurangi kemunculan variabel global, tetapi jika Anda masih terbiasa dengan pemrograman fungsional, tidak masalah. Fungsi di dalam, dan tidak perlu khawatir tentang kemunculan variabel global. dan metode pribadi.

4. Pemrograman Klasik (Saya tidak tahu nama apa itu)

Berikut ini adalah konten yang dikutip:

var person = function () {
var name = null;
kembali{
setName: function (n) {
name = n;
},
getName: function () {
peringatan (nama);
}
}
}

Ini sangat mirip dengan objek literal, tetapi perbedaannya adalah bahwa itu mengesampingkan metode dan atribut pribadi.

5. Rantai Metode

Berikut ini adalah konten yang dikutip:

var person = function () {
this.name = null;
}
Person.prototype = {
setName: function (name) {
this.name = name;
kembalikan ini;
},
getName: function () {
waspada (this.name);
kembalikan ini;
}
}

JQuery adalah perpustakaan tautan metode paling klasik.

Berikut ini adalah konten yang dikutip:

var p = orang baru ();
p.setname ('tom'). getName (). setName ('ray'). getName ();

Karena akhir setiap metode ini kembali;

Saya lebih akrab dengan metode ini.

1. Tentang penunjuk ini

Ini digunakan saat membuat berbagai jenis, tetapi fungsi apa ini?
Pertama -tama buat kelas orang:

Berikut ini adalah konten yang dikutip:

Kemudian buat kelas anak -anak dan mengintegrasikan semua metode dan sifat orang:

Berikut ini adalah konten yang dikutip:

var anak -anak = fungsi (usia) {
this.name = null;
this.age = usia;
}
Anak -anak.prototype = orang baru (); // mewarisi sifat dan metode orang
Children.prototype.ageJudge = function () {// Tambahkan metode baru untuk anak -anak
if (this.age> 18) {
waspada ('dewasa ~');
} kalau tidak {
waspada ('Saya berusia di bawah 18 tahun ~');
}
}
Children.prototype.getName = function () {// Tulis ulang metode getName
var tentang = this.name + '' + this.age;
waspada (tentang);
}
var tom = anak baru (12);
var use = tom.getage ();
var judge = tom.ageJudge ();
var setn = tom.setname ('tom');
var get = tom.getName (); // tom 12

Ini adalah warisan, dan kemudian mari kita lihat fungsi sederhana kembali:

Berikut ini adalah konten yang dikutip:

var setColor = function () {
this.style.backgroundColor = '#000';
}
document.body.onClick = setColor; // Pada saat ini ini menunjuk ke tubuh
DocumentNet.GetElementById ('Color'). Onmouseout = SetColor;

Setelah melihat fungsi ini, saya harus memiliki pemahaman baru tentang ini.

var setColor = {
init: function (obj) {
this.obj = obj; // poin ini ke setColor
this.obj.onClick = this.color;
},
warna: function () {
this.style.backgroundColor = '#000';
}
}

Hanya di kelas, ini menunjuk ke dua tempat, dan kadang -kadang ini selalu membuat orang merasa bingung.

Berikut ini adalah konten yang dikutip:

var setColor = {
init: function (obj) {
setColor.obj = obj;
setColor.obj.onClick = setColor.Color;
},
warna: function () {
this.style.backgroundColor = '#000';
}
}

Dengan cara ini, kode ini bisa lebih jelas. dihindari sebanyak mungkin.

Berikut ini adalah konten yang dikutip:

var person = function () {
this.name = null;
}
Person.prototype.setName = function (name) {
this.name = name;
}
Orang.setname ('Tom');

Seperti yang disebutkan sebelumnya, jika Anda tidak menulisnya sebagai var p = orang baru (); Itu akan melaporkan kesalahan.

2. Enkapsulasi kelas

Di Java, metode atau properti kelas dapat diatur ke pribadi, sehingga panggilan eksternal dapat dihindari.

Berikut ini adalah konten yang dikutip:

var person = {
Nama: NULL,
init: function (name) {
this.setname (name);
},
setName: function (name) {
this.name = name;
kembalikan nama ini;
}
}
person.init ('tom');

Di kelas ini, ada 2 metode, yaitu init dan setName.

orang.setname ('Tom');

Sebutkan metode setName secara langsung.
Jadi bagaimana kita harus mengemas kelasnya?

Berikut ini adalah konten yang dikutip:

var person = function () {
var name = null;
var setName = function (n) {
name = n;
nama pengembalian;
}
kembali{
init: function (n) {
setName (n);
}
}
}

Dengan cara ini, kita dapat mengatakan bahwa metode dan atribut yang awalnya dimaksudkan untuk diprivatisasi diprivatisasi, dan eksternal tidak dapat dipanggil secara langsung. Tidak mudah dibaca, terutama untuk pemula.
Oke, mari kita semua untuk saat ini.