0

Buenas estoy el siguiente código que lo he sacado de esta página este ejemplo en concreto :

var myApp = function(){
     var that = this;
     var name = "World";
     var sayHello = function(){
         console.log( 'Hello, ' + that.name );
 }; 
sayHello(); 
};
myApp();  

Se supone que cuando hago la llamada a la función this se refiere al propio objeto por tanto al guardar en la variable that, se guarda el valor del objeto y luego en consola that tiene acceso a name, pero cuando depuro this sigue apuntando al objeto window. Si alguien me puede decir que pasa y porque. Se lo agradecería.

1 respuesta 1

2

Para que una función pueda tener acceso a su propio ámbito utilizando this, tienes que inicializarla utilizando el operador new. Esto porque cuando ejecutas una funcion de forma normal, el ámbito por defecto es Window que es lo que pasa en tu caso.

Tambien es bueno notar que en tu ejemplo tienes el error de que estas declarado la variable name privada, para que this pueda encontrarla, tienes que agregarla al objeto como this.nombrePropiedad:

var myApp = function(){
     var that = this;

     // var name no define la propiedad en el ambito this 
     // mientras que this.name si la define en ella.
     this.name = "World";
     var sayHello = function(){
         console.log( 'Hello, ' + that.name );
 }; 
sayHello(); 
};
new myApp();

5
  • Gracias por responder pero tengo una duda, myApp no es el nombre de una función? con el new dices que seria objeto. Porque es lo veía igual a que poner "function myApp {}" Si me lo podrías aclarar, gracias. Commented el 2 feb. 2018 a las 19:02
  • A ver si entendi. Quieres saber la diferencia entre las formas de declarar una funcion myApp(){} y var myApp = function(){}?
    – Einer
    Commented el 2 feb. 2018 a las 19:03
  • Bueno para comenzar soy estudiante entonces creo que tenia claro eso, pero es que he visto el operador new y me confundido un poco y bueno he visto en páginas que una función también la declaran así , poniendo una variable y la función anónima seguida, y leí por ahí que era lo mismo a que ponerlo de forma normal. Commented el 2 feb. 2018 a las 19:07
  • 1
    Sí, es lo mismo. En javascript es posible guardar la referencia de una funcion y pasarla por todo tu programa como un objeto cualquiera, a eso se llama First class Citizens. De ahi que sea posible guardar la referencia de la funcion en una variable como si fuera un string o un boleano.
    – Einer
    Commented el 2 feb. 2018 a las 19:11
  • Vale osea que esa variable que guardar la referencia de la función puede instanciarse sin problema, y las variable declaradas dentro se acceden a el como atributos. Gracias por la aclaración. Commented el 2 feb. 2018 a las 19:23

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.