Skip to main content
2 de 3
se añadieron 1059 caracteres en el cuerpo

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