Artikel ini menganalisis penggunaan ini di JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Contoh 1: Metode pertama untuk menyebut ini - dipanggil dalam bentuk fungsi. Itu mewakili jendela objek global
Salin kode sebagai berikut: <script type = "text/javascript">
fungsi t () {
Peringatan (ini); // Di sini ini mewakili objek jendela.
}
T();
</script>
Contoh 2: Metode kedua untuk menyebut ini - dipanggil dalam bentuk properti objek. Itu mewakili objek. OnClick adalah atribut dari objek elemen p dalam instance
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
fungsi t () {
waspada (ini);
this.style.background = 'green';
}
window.onload = function () {
document.geteLementById ('eng'). onClick = t;
}
</script>
</head>
<body>
<p id = "eng"> abcd </p>
</body>
</html>
Contoh 3: Metode ketiga untuk menyebut ini - disebut dalam bentuk konstruktor.
Salin kode sebagai berikut: <script type = "text/javascript">
function dog () {
this.legs = 4;
this.bark = function () {
peringatan ("Wangwang ...");
}
}
var wangcai = new dog (); // cara membuat objek. nama fungsi baru ();
wangcai.bark ();
</script>
menjelaskan:
(1) Jika fungsi anjing () dipanggil secara langsung alih -alih menyebutnya dengan cara membuat objek, itu setara dengan jenis panggilan pertama, yaitu, ini mewakili jendela objek global.
(2) tidak ada konsep kelas di JS, tetapi ada konsep objek;
(3) pembuatan objek dapat dibuat menggunakan var = objname {name: 'abc', usia: 40}, atau dapat dibuat melalui konstruktor;
(4) Apa itu konstruktor: Ketika fungsi biasa disebut dalam bentuk "nama fungsi baru ()", fungsi ini bertindak sebagai konstruktor.
Contoh 4: Metode keempat untuk memanggil ini - Panggil dan Terapkan
Salin kode sebagai berikut: <Html>
<head>
<type skrip = "Teks/JavaScript">
window.onload = function () {
var d = document.geteLementById ('hai');
if (hi.addeventListener) {// chrome dan firefox
hi.addeventListener ('klik', function () {alert (this.id)}, false); // dalam model W3C, ini menunjuk ke objek DOM. Ini. Hasilnya hai
} else {// yaitu
hi.attachevent ('ontClick', function () {alert (this.id)}); // IE8 dan IE8 di bawah ini, di sini ini menunjuk ke jendela objek global. Hasilnya tidak ditentukan
}
}
</script>
</head>
<body>
<p id = "hai"> halo dunia </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.