Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas
miércoles, 6 de mayo de 2020
JS: Scope en Javascript
Francisco
18:58
bloque
,
franvarvil
,
informática
,
java
,
javascript
,
js
,
por: Francisco Vargas
,
programación
,
propiedad
,
scope
,
script
,
util
No hay comentarios
:
Introducción
El scope es el ámbito donde una variable o sentencias pueden ser accedidas,
recordemos que javascript cuenta con un global scope donde se declaran
elementos comunes y el local scope que es dentro cualquier bloque
javascript.
Desarrollo
En javascript cualquier bloque crea un local scope, incluye estructuras de
control y métodos.
Para entenderlo vamos a realizar unos ejemplos.
'use strict'
var variable = 1
function local(){ // Acá un bloque javascript
var variable = 5; // Se declara una variable local
console.log(variable) // Se imprime la variable local
}
local() // Se llama a la función con una variable local
console.log(variable) // se imprime la variable global
//Output: 5
// 1
Sin embargo si no crea la variable localmente y solo se declara el nombre
utilizará la variable global, como en el siguiente ejemplo.
'use strict'
var variable = 1
function local(){ // Acá un bloque javascript
variable = 5; // NO se declara la variable
console.log(variable) // Se imprime la variable
}
local() // Se llama a la función que no declara la variable local
console.log(variable) // se imprime la variable global
//Output: 5
// 5
Esta misma lógica aplica para bloques if/else, buqles for, while entre otros.
Conclusión
Es importante conocer el comportamiento de los scope de javascript al programar, más aún si se trabaja con múltiples archivos independientes con variables globales. Con el uso de la sentencia use strinct, no evitaremos muchos comportamientos de javascript y nos alertará de muchas situaciones que puede pasar por alto.
viernes, 1 de mayo de 2020
JS: Diferencias entre doble y triple igualdad (== vs ===)
Francisco
13:04
==
,
===
,
basic
,
basico
,
diferencia =
,
franvarvil
,
java
,
javascript
,
js
,
script
No hay comentarios
:
Introducción
Muchas veces nos hemos preguntado la diferencia de dos iguales (==) y tres iguales (===) en javascript. La mayoría de las persona no saben cual es su diferencia o tampoco conocen que existe.
Aunque, la verdad, esto es muy sencillo de entender, pero tambíen se puede olvidar si no se utiliza muy amenudo.
Desarrollo
Como se aprecia esta función evaluará una doble igualdad, si por ejemplo llamamos esta función con un valor entero y un string con el valor 4, nos retornará un True.
Sin embargo si modificamos nuestra función con una triple igualdad retornará false, tal como se muestra a continuación:
Conclusión
Es importante conocer esto si necesitamos evaluar tipos de datos y no solo su contenido, recordemos que javascript es muy dinámico por lo que debemos entender como funciona en el fondo.
Muchas veces nos hemos preguntado la diferencia de dos iguales (==) y tres iguales (===) en javascript. La mayoría de las persona no saben cual es su diferencia o tampoco conocen que existe.
Aunque, la verdad, esto es muy sencillo de entender, pero tambíen se puede olvidar si no se utiliza muy amenudo.
Desarrollo
Como sabemos javascript es muy dinámico en muchas de sus estructuras y uso, sin embargo esto nos lleva a desconocer o no dar el cuidado suficiente a su comportamiento.
Uno de estos comportamiento que tiene javascript es utilizar dos y tres iguales, ¿para que se utilizan? ¿en que radica su diferencia?, la respuesta a estas interrogantes las vamos a ver ahora.
En javascript la doble igualdad se utiliza para evaluar si el valor de las variables es el mismo, sin importar el tipo, mientras que por otro lado tenemos la triple igualdad que además de evaluar el valor de las variables, evalúa el tipo de estas.
Para entenderlo de forma más sencilla vamos a un ejemplo.
Creamos la siguiente función:
function eval(valor1, valor2) {
return valor1 == valor2
}
eval(4,"4")
// Output: True
Sin embargo si modificamos nuestra función con una triple igualdad retornará false, tal como se muestra a continuación:
function eval(valor1, valor2) {
return valor1 === valor2
}
eval(4,"4")
// Output: False
Conclusión
Es importante conocer esto si necesitamos evaluar tipos de datos y no solo su contenido, recordemos que javascript es muy dinámico por lo que debemos entender como funciona en el fondo.
Suscribirse a:
Entradas
(
Atom
)
Entradas
