Bagaimana untuk Mengakses Objek Induk Objek Bersarang dalam JavaScript?

DDD
Lepaskan: 2024-10-26 01:30:02
asal
944 orang telah melayarinya

How to Access the Parent Object of a Nested Object in JavaScript?

Cara Mendapatkan Objek Induk Objek Bersarang dalam JavaScript

Dalam JavaScript, objek bersarang biasanya digunakan untuk menyusun data dalam cara hierarki. Walau bagaimanapun, mendapatkan semula objek induk objek anak bersarang boleh menjadi agak rumit.

Pertimbangkan contoh berikut:

const obj = { subObj: { foo: 'hello world' } };

const s = obj.subObj;
Salin selepas log masuk

Pembolehubah s kini merujuk objek subObj. Adakah mungkin untuk mendapatkan rujukan kepada objek obj (induk) daripada s?

Tidak, objek bersarang tidak mempunyai akses terus kepada induknya.

Konsep ini boleh digambarkan menggunakan contoh lain:

const main = {
    name: "main object",
    child: {
        name: "child object"
    }
};
Salin selepas log masuk

Walaupun main boleh mengakses child.name, anak tidak boleh mengakses main.name atau mana-mana sifat utama yang lain.

Penggunaan Penyelesaian a Fungsi

Untuk mengatasi had ini, fungsi tersuai boleh digunakan untuk memulakan objek anak dengan rujukan kepada induknya:

const main = {
    name: "main object",
    child: {
        name: "child object"
    },
    init() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();
Salin selepas log masuk

Sekarang, main.child.parent .name menyediakan akses kepada sifat nama objek utama.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Objek Induk Objek Bersarang dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!