Ámbito global

Clase 8 de 24 • Curso de Clean Code y Buenas Prácticas con JavaScript

Clase anteriorSiguiente clase

Alejandro Daniel Calderón Prin

student•

Kyb3r Cipher

student•

Buena imagen

Cesidio Antonio Di Benedetto Carri

student•

A pesar de que let esta en un scope global

let greeting = "Hello world!"; 

function greet() {
  console.log(greeting);
}

greet();

Si se re-declara dentro de la función greet este puede no funcionar, es decir:

let greeting = "Hello world!"; 

function greet() {
  console.log(greeting);
  let greeting = 'another hello world';
}

greet();

Ahora el let que se usara dentro de la función sera el interno y al ser declarado despues de su uso, dara error

Reinaldo Mendoza

student•

Le estas cambiando el scope y de hecho seria una mala practica

Jonathan Meixueiro

student•

Y esto pasa porque las funciones le dan prioridad a las variables locales, que esto ya es una mala práctica como menciona Reinaldo, ya que no deberíamos usar el mismo nombre para diferentes variables, también es un error declarar una variable después de que se usa, que en el ejemplo que pones, lo que hace es ignorar la variable greeting global, ya que tiene una dentro con ese nombre, entonces aquí es como si** let greeting = 'Hello world!'** no existiera y let greeting = 'another hello world' se declaró y asignó después de que se le llamó.

BinaryTreeCode

student•

Camilo Alvarez Avila

student•

Tengo una pregunta, solo por curiosidad. El nombre la función (greet), no estaría mal con respecto a la anterior clase que acabamos de ver?

Agustina Corvo

student•

En este caso que es solo imprimir en pantalla un saludo y no tiene ninguna complejidad, entiendo que el nombre de la función es adecuado. Es claro y expresa lo que hace.

Yan Harold Muñoz Dominguez

student•

let greeting = 'Hello world'
function greet (){
  console.log(greeting);
}

greet();

Ámbito global

Introducción al Clean Code

Deuda técnica y refactorización de código

Reglas del diseño simple

Qué es Clean Code

Nombre y uso de las variables

Uso correcto de var, let y const

Reglas para la nomenclatura

Cómo nombrar según el tipo de dato

Nombres de Variables y Funciones Correctos en JavaScript

Ámbito de las variables

Ámbito global

Ámbito local o de función

Ámbito de bloque

Ámbito estático

Hoisting

Funciones

Declaración y expresión de funciones

Parámetros y argumentos

Funciones de flecha y el this

Clases

POO con ES6 (constructores, métodos y herencia)

Herencia en JavaScript

Tamaño reducido (responsabilidad única)

Organización

Optimizaciones

Cuándo usar comentarios

Formato coherente (codear en equipos)

Principio DRY

Tipos de Algoritmos y Complejidad Big O en JavaScript

Cierre

Sigue aprendiendo JavaScript