Las funciones -recuerden que en Javascript son objetos-, tienen 3 métodos de los que podemos disponer: call, apply y bind. ¿Para qué? El lenguaje nos proporciona estos métodos para que podamos setear la palabra clave «this« ya que, si no lo hiciéramos, el propio motor de Javascript setearía el valor de «this» a su antojo en cada Execution Context.
Las variables globales en Javascript pueden ser un problema serio en nuestro código. Aparecen muchas veces sin que nos demos cuenta, de hecho, muchas más de las que pensás. En este post, te voy a mostrar dos formas de crear variables globales sin querer, y así evitarte más de un mini-pre-infarto.
Los Clousures es una característica que trae el lenguaje Javascript, muy útil, pero si no tenemos cuidado nuestro código se puede comportar de forma extraña. Básicamente, Clousure es un mecanismo que tiene el lenguaje para «extender» el scope de ciertas variables dentro de un Execution Context.
La palabra «this», es una palabra reservada en muchos lenguajes de programación, y Javascript no es la excepción. Esta palabra hace referencia al «contexto» en donde uno está parado. Usando la palabra this, se puede acceder a las variables y funciones de un «contexto» en particular. Además, dependiendo de la parte de tu código en la que estés parado, el valor de this varía, y si no sabés cuáles son las reglas de Javascript que hacen que cambie el valor de la palabra this, podés llegar a pensar que Javascript tiene un comportamiento algo «raro».
Nombre jodido si los hay y puede asustar un poco al principio, pero este concepto (IIFE) es mucho mas fácil de lo que pensás. Básicamente, significa ejecutar una función ni bien la creás, ¡así de fácil!.
Y vos te preguntarás… ¿para qué quiero hacer tal cosa?, ¿de qué me sirve?, ¿qué problemas resuelve? ¡Seguí leyendo para enterarte!
El Scope Chain es el mecanismo de Javascript que me dice qué variables pueden ser accedidas por una función en particular. No todas las variables pueden ser accedidas por todas las funciones, algunas, sólo pueden ser accedidas por una función en particular, y otras, pueden ser accedidas por todas las variables. Y todo esto depende de DÓNDE definimos nuestras variables.
Bueno, voy a ser bastante directo con ésto: una función en Javascript es un objeto. Exactamente como leés, una función es un objeto, con las propiedades que tienen los objetos en Javascript. ¿Qué quiero decir con eso? Si tenemos un objeto, le asignamos el atributo «nombre» y luego podemos acceder a ese valor:
Si alguna vez lo notaste, en Javascript no todos los operadores de igualdad son iguales ;). En particular, estoy hablando de == (doble igual) y de === (triple igual). De hecho, aunque en apariencia hacen cosas parecidas, en muchos casos se comportan de forma completamente diferente. El buen manejo de estos dos operadores es esencial para un un buen desarrollo y para no incorporar errores no deseados. Pero bueno, ¡vamos a ver qué es todo esto!
En muchos lados se etiqueta a Javascript como un lenguaje de programación que «te deja hacer cualquier cosa». Uno de los motivos por el que la gente dice eso es precisamente por la característica de ser Dynamic Typing que, resumiendo, es la posibilidad de asignación dinámica (en el mismo momento en que se ejecuta nuestro código) del valor y del tipo que será contenido en una variable.
¿Por qué parece que Javascript hace lo que quiere? ¿Por qué hay cosas que no tienen sentido? Si yo hago lo mismo con otro lenguaje de programación el código me explota por los aires, pero con Javasript no, con Javascript el código sólo se comporta extraño. No me arroja un error, no se comporta como yo espero, solo se comporta «raro».