Penjelasan terperinci tentang objek tetingkap Javascript_Pengetahuan asas

Pertama lihat kod sumber kami.

Salin kod Kod adalah seperti berikut: ... console.log(ini); ...

Kami tahu bahawa apabila halaman ini dibuka melalui penyemak imbas, skrip yang terkandung dalam teg Kemudian mari kita lihat console.log(ini);

Dalam Google Chrome kita melihat:

Dalam Mozilla Firefox kita melihat:

Kita semua telah melihat Tetingkap keluaran, jadi adakah Tetingkap ini sama dengan tetingkap?

Sebelah ujian kami

Salin kod

Kod adalah seperti berikut:

console.log(ini);

console.log('ini == tetingkap ? ', ini == tetingkap Jalankan kod dan keluarkan == window ini ?true , yang bermaksud Window== window , adakah ini benar-benar berlaku? Untuk memahami hubungan antara mereka, kami terus menguji

Salin kod Kod adalah seperti berikut:

console.log('ini = ', ini); console.log('ini == tetingkap ?', ini == tetingkap

console.log('window = ', tetingkap console.log('Window = ', Window)

console.log('Tetingkap == tetingkap ?', Tetingkap == tetingkap) Lihat pada output penyemak imbas: Google Chrome :

Mozilla Firefox :

Daripada hasil keluaran kita boleh simpulkan,

Salin kod

Kod adalah seperti berikut:

ini menunjuk ke objek Window; ini juga sama dengan objek tetingkap; tetingkap juga menunjuk ke objek Tetingkap; Tetingkap menghala ke Tetingkap{}, iaitu objek yang disediakan oleh penyemak imbas Tetingkap tidak sama dengan tetingkap

Mengapa ini berlaku?

Kami melihat struktur objek Tetingkap dalam konsol pelayar

Ternyata objek Window mengandungi beberapa API yang dilaksanakan oleh pengeluar penyemak imbas, seperti sessionStorage standard dalam html5 Ia juga mempunyai atribut tetingkap, dan nilai atribut ini menghala ke objek Tetingkap Pemahaman saya: Objek Window menyediakan pengilang penyemak imbas secara langsung Kami tidak boleh mengendalikan sifat objek Window API baharu yang ditambahkan oleh Window akan ditunjukkan dalam objek tetingkap; Sifat yang kami kendalikan pada tetingkap akan ditunjukkan dalam objek Tetingkap. Contohnya, tentukan tetingkap pembolehubah global.a = 'aaa';

Semua objek JavaScript wujud dalam persekitaran berjalan ini sendiri juga merupakan objek, dipanggil "objek peringkat atas". Ini bermakna semua objek dalam JavaScript adalah bawahan kepada "objek peringkat atas". Persekitaran berjalan yang berbeza mempunyai "objek peringkat atas" yang berbeza Dalam persekitaran pelayar, objek peringkat atas ini ialah objek tetingkap.

Semua pembolehubah global persekitaran penyemak imbas adalah sifat objek tetingkap.

Tetingkap boleh difahami sebagai persekitaran konteks JavaScriptContext.