Bagaimana untuk memahami objek javascript

Dalam JS atau dalam bahasa pengaturcaraan berorientasikan objek, objek ialah gabungan sifat dan kaedah. Atribut mengandungi nama atribut dan nilai atribut Nilai ini boleh menjadi sebarang jenis data atau fungsi Dalam kes ini, fungsi itu juga dipanggil kaedah.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

1.1 Apakah objek?

Objek ialah benda Dalam dunia nyata, bola, meja dan kereta semuanya adalah objek.

Objek ialah sesuatu dengan ciri yang boleh diterangkan yang boleh kita pengaruhi dan manipulasi dengan cara tertentu.

Dalam JS atau dalam bahasa pengaturcaraan berorientasikan objek, objek ialah gabungan sifat dan kaedah.

Atribut mengandungi nama atribut dan nilai atribut Nilai ini boleh menjadi sebarang jenis data atau fungsi Dalam kes ini, fungsi itu juga dipanggil kaedah.

Dalam JS, hampir semua yang anda temui adalah objek, jadi mari belajar tentang butiran objek.

1.2 Ciri-ciri objek?

Objek mempunyai atribut, iaitu ciri objek Anda boleh mengakses atribut objek melalui tatatanda titik.

objectName.propertyName;

Jika objek itu dibandingkan dengan bola secara realiti, maka bola ini adalah objek yang mempunyai atribut, warna dan saiz. Ini boleh dinyatakan seperti ini:

var ball = new Object();
ball.color = “red";
ball.size = 12;

Objek juga mempunyai kaedah, yang digunakan untuk mentakrifkan bagaimana objek itu berkelakuan.

Sebagai contoh, bola ini mungkin mempunyai kaedah guling untuk mengira sejauh mana ia boleh bergolek dan kaedah melantun untuk mengira berapa tinggi ia boleh melompat.

boleh diwakili seperti ini:

ball.roll = function() {
return this.size * laps
}

1.3 Mengakses sifat objek

Seperti yang dinyatakan sebelum ini, kita boleh mengakses sifat objek melalui tatatanda titik, tetapi jika ini berlaku, anda masih boleh mengakses sifat objek melalui notasi titik:

var ball = new Object();
ball.color = “red";
ball.size = 12;
var spec = “color”;
ball.spec ??

Anggap di sini bahawa terdapat spesifikasi pembolehubah, dan kita perlu mengakses sifat objek melalui spesifikasi pembolehubah ini .

Tetapi jika anda menggunakan notasi titik, anda akan mengakses atribut spec bola dan mengembalikan undefined, menunjukkan bahawa spec dianggap secara langsung sebagai sifat dan bukannya pembolehubah.

Apakah yang perlu kita lakukan jika kita ingin mendapatkan nilai pembolehubah sebagai atribut objek?

boleh diakses menggunakan tatatanda kurungan segi empat sama ini ditentukan secara dinamik dalam nama atribut, supaya atribut boleh diakses melalui rentetan yang disimpan dalam pembolehubah:

ball[spec]; // red

1.4 Enumerate. sifat objek

Di samping itu, kita boleh menghitung semua sifat objek melalui pernyataan untuk dalam gelung:

var ball = {color: “red”, size: 12, border: 2};
for (var prop in ball) {
console.log(“ball.” + prop + “=“ + obj[prop]);
}
// ball.color = red
// ball.size = 12
// ball.border = 2
// 如果希望继承的属性不显示，那么可以用hasOwnProperty函数来过滤一遍
var bar = {a: 1, b: 2, c: 3};
function Foo() {
this.color = 'red';
}
Foo.prototype = bar;
var obj = new Foo();
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
console.log(prop);
}
}

Ia juga boleh dikembalikan melalui Object.keys( obj) kaedah Tatasusunan koleksi nama atribut:

var obj = {a: “123”, b: “das”, c: “web”};
console.log(Object.keys(obj)); // [“a”,”b”,”c”];
var arr = [“a”, “b”, “c”];
console.log(Object.keys(arr)); // [“0”,”1”,”2”];

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Bagaimana untuk memahami objek javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!