Redes sociales

Javascript Variables Let Const

  • Boolean Data type
  • Let
  • Const

Las variables pueden tener otro tipo de dato como el Boolean que puede ser true or false;

como en un switch,comunmente usado para hacer condiciones

Variables declaradas por let tienen por alcance el bloque en el que se han definido, así mismo, como en cualquier bloque interno. De esta manera, let trabaja muy parecido a var. La más notable diferencia es que el alcance de una variable var es la función contenedora:

if(true){
//bloque de código 
}
//ejemplo

var message;
console.log(message);
message = null;
console.log(message);

var x = false;
console.log(x);
var  x= true;
if(x){
conosle.log(x)
}

Tipos de Variables

Var : Declaras variables, con opción a inicializarla con un valor.

Let: Declaras Una variable que también podrá cambiar su valor,pero solo vivirá en el bloque declarado.

Const: Es una constante la cual NO cambiara su valor en ningún momento.

Ejemplo de let

let message = "Welcome";
if(true){
let message = " variable let";
console.log(message);
}
console.log(message);

Resultado en consola

La instrucción let declara una variable de alcance local con ámbito de bloque(block scope), la cual, opcionalmente, puede ser inicializada con algún valor.

La palabra reservada let en Mozilla Firefox 44 y anteriores, está solo disponible para bloques de código en HTML que esten envueltos en una etiqueta <script type="application/javascript;version=1.7"> (o de una version mayor). Las etiquetas XUL tienen acceso a esas características sin necesidad de dicho bloque.  Es necesario tomar en cuenta que esta es una característica no estándar que ya se ha hecho actualmente estándar, esto pero puede crear conflictos con otros navegadores, ya que fue una característica no estándar.

let te permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.a diferencia de la palabra clave var la cual define una variable global o local en una función sin importar el ámbito del bloque. La otra diferencia entre var y let es que este último se inicializa a un valor sólo cuando un analizador lo evalúa (ver abajo).

Declaración de variables null vs undefined

var a; esta inicializada como undefined

Una variable declarada con var o let sin un especifico valor sera tomada como undefined.


Ejemplo

<script type="text/javascript">
  const test = true;
  let message = "Welcome to the  josealbertoxyz";
  let moreStuff;
  if(test){
  console.log(message);
  moreStuff = "contenido disponible ";
  let inBlock ="dentro del bloque "
    console.log(inBlock);
  }
  console.log(moreStuff);
</script>

Resultado en console.log

En Javascript las variables son “hoisted” o “izadas”. Esto, como su nombre lo indica, quiere decir que una variable es izada(subida) hasta el tope de la función o hasta llegar al inicio del Window Object. Cuando no declaramos una variable, Javascript la crea en el Window Object. Llegando incluso a reasignar el valor de esta sin pedirnos permiso. Por supuesto esto es horrible, porque puedes terminar creando variables globales y reasignando valores sin darte cuenta.

1.234 Vistas

Javascript Funciones

Una función es un bloque de código reutilizable que agrupa una secuencia de instrucciones para realizar una tarea específica.

Un parámetro es una variable nombrada dentro del bloque de una función a la que se le asignará el valor del argumento pasado cuando se invoca la función:

  • Un parámetro es una variable nombrada dentro del bloque de una función a la que se le asignará el valor del argumento pasado cuando se invoca la función:Sintaxis de JavaScript para declarar una función con parámetros
  • Para llamar a una función en su código:Diagrama que muestra la sintaxis de invocar una función
  • ES6 introduce nuevas formas de manejar parámetros arbitrarios a través de parámetros predeterminados que nos permiten asignar un valor predeterminado a un parámetro en caso de que no se pase ningún argumento a la función.
  • Para devolver un valor de una función, usamos una declaración de retorno .
  • Para definir una función usando expresiones de función :definir una expresión de función
  • Para definir una función usando la notación de función de flecha :
  • La definición de la función se puede hacer concisa usando una notación de flecha concisa:comparar funciones de flecha de una sola línea y de varias líneas

Es bueno conocer las diferencias entre las expresiones de función, las funciones de flecha y las declaraciones de función. A medida que programe más en JavaScript, verá una amplia variedad de cómo se utilizan estos tipos de funciones.

Editor de código

main.js1 Correr

Terminal de solo salida

 

1.062 Vistas

Fundamentos básicos de Javascript

El lenguaje de programación de Script e Interpretado,fundamentos.

1.-Undefined

Javascript inicializa los objetos con undefined.

// undefined
console.log(x);
// asingamos
var x = "josealbertoxyz";
console.log(x);
// josealbertoxyz

Javascript NO es Asíncrono hace todo secuencialmente.

puedes ver un ejemplo de las funciones en espera por los procesos.

2.-Asíncrono

function imprimir(){
   for( var i = 0;i<8000;i++){
    console.log("imprimio");
    }
}
imprimir();

function presionoClick(){
console.log("Click en boton");
}
<button onclick="presionoClick()">Ejemplo</button>

3.-Orden de las Importaciones.

Definir el orden de las llamadas de script para evitar errores uncaught referenceerror evitar el código spaghetti.

// esto es igual a undefined
var = a 

4.-Tipos de datos PRIMITIVOS Y OBJETOS.

Primitivos

Tenemos una expresión tipo de dato que apunta a un solo valor.

existen los numéricos,cadenas,bol ,undefined y los null.

//reserva un espacio en memoria a x
var x = 1;

Objeto

Colección de tipos de datos primitivos ó bien otros objetos.

var objeto = {
  numero : 10,
  texto:"Nuevo texto",
    objetoHijo{
       numero2:20,
       texto:"ejemplo"
    }

};


console.log(objeto);

5.-Por valor y por Referencia.

var x = 10;
var z = x;

var c = {
    n : "string"
} 
//pasar el valor por referencia.
var d = c;
//afectan el espacio en memoria
c.n="string2";

6.- Notación de punto y de corchetes.

var persona = {
 nombre:"JOSEALBERTO",
 apellido:"xyz",
 direccion:{
    pais:"MEXICO" 
  }
}

console.log(persona.nombre)
console.log(persona.apellido)
//agregar 

 

7.-Funciones

//declaración de función
function funcionEjemplo(){
var x = 1;
console.log(x);
}
// llamar la funcion
funcionEjemplo()
469 Vistas

Beginners Javascript

JavaScript is a programming or scripting language that allows you to implement complex functions in web pages.

JavaScript is among the most powerful and flexible programming languages of the web. It powers the dynamic behavior on most websites, including this one.

with javascript we can make applications like

  • Web Application
  • Games
  • Mobile Apps Android and iOS

let’s start

First step, open the web Browser and create a file html.

Second Open a code editor and crate a file with a extension .js

its a example =)

 <script>

 console.log('Hi there!'); 

 </script>





Perfect

Now let`s a create a variable.


452 Vistas