Buenas espero te ayude
this
La función de la palabra clave this se comporta un poco diferente en Javascript en comparación con otros lenguajes. Además tiene algunas diferencias entre el modo estricto y el modo no estricto.
En general, el valor de this está determinado por cómo se llama a la función. No puede ser establecida por una asignación en tiempo de ejecución, y esto puede ser diferente cada vez que la función es llamada. ES5 introdujo el método bind() para establecer el valor de la función this independientemente de como es llamada.
En este caso this
va a referenciar a:
<button type="button" name="button">Boton</button>
Que seria el objeto que ejecuta el evento espero te ayude saludos.
var boton = document.getElementsByTagName('button')[0];
boton.onclick = function(){
console.log("El this es = ",this);
let XMLrequest = new XMLHttpRequest();
XMLrequest.onreadystatechange = function() {
console.log(this);
}
}
<button type="button" name="button">Boton</button>
Ejemplos
Contexto global En el contexto de ejecución global (fuera de cualquier función), this se refiere al objeto global, ya sea en modo estricto o no.
console.log(this.document === document); // true
// En los navegadores web, el objeto window también es un objeto global:
console.log(this === window); // true
this.a = 37;
console.log(window.a); // 37
Contexto de la función
Dentro de una función, el valor de this depende de cómo la función es llamada.
function f1(){
return this;
}
f1() === window; // objeto global
En este caso, el valor de this
no está establecido por la llamada. Dado que el código no está en modo estricto, el valor de this
debe ser siempre un objeto por lo que por defecto es el objeto global.
function f2(){
"use strict"; // consultar modo estricto
return this;
}
f2() === undefined;
Fuente: MDN