Este artigo analisa o uso disso no JS. Compartilhe para sua referência. A análise específica é a seguinte:
Exemplo 1: O primeiro método a chamar isso - chamado em forma de função. Representa a janela de objeto global
Copie o código da seguinte forma: <script type = "text/javascript">
função t () {
alerta (this); // aqui isso representa um objeto de janela.
}
t ();
</script>
Exemplo 2: O segundo método para chamar isso - chamado na forma de propriedades do objeto. Representa o objeto. OnClick é o atributo do objeto do elemento P na instância
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
função t () {
alerta (isso);
this.style.background = 'Green';
}
window.onload = function () {
document.getElementById ('Eng'). OnClick = t;
}
</script>
</head>
<Body>
<p id = "Eng"> ABCD </p>
</body>
</html>
Exemplo 3: O terceiro método para chamar isso - chamado na forma de um construtor.
Copie o código da seguinte forma: <script type = "text/javascript">
function cão () {
this.legs = 4;
this.Bark = function () {
alerta ("Wangwang ...");
}
}
var wangcai = new Dog (); // Como criar um objeto. novo nome da função ();
wangcai.bark ();
</script>
ilustrar:
(1) Se a função cã () for chamada diretamente em vez de chamá -la na maneira de criar um objeto, é equivalente ao primeiro tipo de chamada, ou seja, isso representa a janela de objeto global.
(2) não existe um conceito de classe no JS, mas existe um conceito de objeto;
(3) A criação de objetos pode ser criada usando var = objName {nome: 'abc', idade: 40}, ou pode ser criado através de construtores;
(4) O que é um construtor: quando uma função comum é chamada na forma de "novo nome da função ()", essa função atua como um construtor.
Exemplo 4: o quarto método para chamar isso - ligue e aplique
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
window.onload = function () {
var d = document.getElementById ('oi');
if (hi.addeventListener) {// Chrome e Firefox
hi.adDeventListener ('clique', function () {alert (this.id)}, false); // No modelo W3C, isso aponta para o objeto DOM. Este resultado é oi
} else {// ie
oi.attachevent ('OnClick', function () {alert (this.id)}); // IE8 e IE8 abaixo, aqui isso aponta para a janela de objeto global. O resultado é indefinido
}
}
</script>
</head>
<Body>
<p id = "oi"> Olá, mundo </p>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.