Bagaimanakah Saya Boleh Menggunakan Nama Harta Dinamik Semasa Memulakan Objek dalam JavaScript?

Nama Harta Dinamik dalam Permulaan Objek

Seseorang mungkin menghadapi masalah apabila memulakan objek menggunakan nama kunci bukan literal. Sebagai contoh, kod berikut gagal dengan mesej ralat tentang aksara ':' yang dijangkakan:

var KEYS = {} ;

KEYS.PHONE_TYPE = 'phone-type';
KEYS.AGENT_TYPE = 'agent-type';

var myAppConfig = {
    ...
    iconMap : { 
        KEYS.PHONE_TYPE : 'icon-phone', 
        KEYS.AGENT_TYPE : 'icon-headphones'
    };
    ...
};

Penyelesaian untuk ES6

Menggunakan sintaks ES6, nama sifat dinamik boleh dibuat menggunakan kurungan segi empat sama. Kod yang dikemas kini akan kelihatan seperti ini:

iconMap : { 
    [KEYS.PHONE_TYPE] : 'icon-phone', 
    [KEYS.AGENT_TYPE] : 'icon-headphones'
};

Pendekatan ini membenarkan penciptaan objek dengan nama sifat dinamik dengan melampirkan nama sifat yang dikehendaki dalam kurungan segi empat sama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Nama Harta Dinamik Semasa Memulakan Objek dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!