Apakah cara untuk mendapatkan objek peringkat teratas dalam es6

Bagaimana untuk mendapatkan objek peringkat atas dalam es6: 1. Gunakan kaedah "typeof window !== 'undefined' ? : (...) ? global : this" untuk mendapatkan; 2. Gunakan "var getGlobal = function ( ) {...throw new Error('unable to locate global object');};"

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Apakah cara untuk mendapatkan objek peringkat atas dalam es6

Sebelum ES6, sifat objek peringkat atas dan pembolehubah global adalah setara, tetapi dalam ES6, objek peringkat atas dan objek global mula dipisahkan.

Kelemahan tidak mengasingkan

• Ralat pembolehubah tidak diisytiharkan tidak boleh dilaporkan pada peringkat penyusunan, hanya pada masa jalan Barulah saya tahu.

• Mudah untuk mencipta pembolehubah global tanpa mengetahuinya

• Objek peringkat atas boleh dibaca dan ditulis sesuka hati

• Objek tetingkap bermaksud tetingkap, yang merujuk kepada objek tetingkap penyemak imbas. Reka bentuk yang tidak sesuai untuk objek peringkat atas mempunyai makna entiti

Ubah cara

• Pembolehubah global yang diisytiharkan oleh perintah var dan fungsi masih merupakan atribut objek peringkat atas.

• Pembolehubah global yang diisytiharkan oleh let, const dan kelas bukanlah atribut bagi objek peringkat atas.

Objek peringkat atas

Pelayar: objek tetingkap

Nod: objek global

Objek peringkat atas yang tidak konsisten

Objek peringkat atas dalam penyemak imbas ialah tetingkap, tetapi Node dan Web Worker tidak mempunyai tingkap.

Dalam penyemak imbas dan Pekerja Web, diri juga menunjuk ke objek peringkat teratas, tetapi Node tidak mempunyai diri sendiri.

Dalam Node, objek peringkat atas adalah global, tetapi ia tidak disokong dalam persekitaran lain.

Dapatkan objek peringkat atas

Penghadan

Dalam persekitaran global, ini kembali objek peringkat atas;

Dalam modul Nod dan modul ES6, ini mengembalikan ini dalam fungsi

modul semasa

(1) Apabila hanya dijalankan sebagai fungsi, ini mengembalikan peringkat teratas

(2) Dalam mod ketat, kembalikan tidak ditentukan

Fungsi baharu('return this')(); sentiasa mengembalikan objek global.

Tetapi jika penyemak imbas menggunakan CSP, kaedah eval dan Fungsi baharu mungkin tidak tersedia

CSP: Dasar Keselamatan Kandungan, dasar keselamatan kandungan. Ia berfungsi pada sumber yang dimuatkan atau dilaksanakan oleh tapak web melalui mekanisme senarai putih, yang ditakrifkan dalam halaman web melalui maklumat pengepala HTTP atau elemen meta. Walau bagaimanapun, ia juga menyebabkan masalah berikut:

1. fungsi eval dan berkaitan dinyahdayakan.
2. Kod JavaScript yang dibenamkan tidak akan dilaksanakan.
3. Skrip jauh hanya boleh dimuatkan melalui senarai putih.

Cara mendapatkan objek peringkat teratas

// 方法1
// 针对 浏览器中 顶层对象是window，但是Node和Web Worker没有window。
( 
	typeof window !== 'undefined' ? window : (
		typeof process === 'object' &&
		typeof require === 'function' &&
		typeof global === 'object'
	) ? global : this
);

//方法2
// 针对 浏览器和Web Worker中，self也指向顶层对象，但是Node没有self。
var getGlobal = function () {
	if (typeof self !== 'undefined') { 
		return self; 
	}
	if (typeof window !== 'undefined') {
		return window; 
	}
	if (typeof global !== 'undefined') {
		return global; 
	}
	throw new Error('unable to locate global object');
};

[Cadangan berkaitan: video javascript tutorial、bahagian hadapan web】

Atas ialah kandungan terperinci Apakah cara untuk mendapatkan objek peringkat teratas dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!