Global Scope

Clase 2 de 13 • Curso de Closures y Scope en JavaScript

Sebastián Pineda Duque

student•

Se nota una mejoría en Óscar en el aspecto pedagógico. Supongo que, detrás de cámaras, hay un mejor apoyo del equipo de Educación.

Oscar Barajas Tavares

Team Platzi•

Gracias Sebastian.

Héctor Galindo

student•

Totalmente.

Axel Enrique Galeed Gutierrez

student•

Vengo de varios cursos de los que lanzaron recientemente, son todos geniales, tienen uno que otro detalle para arreglar pero en líneas generales son un 10. ++Lo único malo de los nuevos cursos es el audio de la introducción, ¡es muy fuerte! Soy una persona que sufre con problemas en los oídos y para poder escuchar bien uso auriculares, tengo que sacármelos o bajar el volumen cada que empiezo un nuevo video.++ Sería genial que disminuyan el audio de la intro o que de una opción para poder silenciarla o saltarla.

Fabian Gutierrez

student•

no tengo problema alguno en cuestión auditiva, sin embargo, pienso lo mismo está un poco fuerte la intro :D

José Anderson Ramírez Ponte

student•

parece que el audio no est[a masterizado :(

Rubén Ernesto Aragón Gil

student•

Para los que se preguntan, cómo tener la opción de run code. Entren a extensiones de vscode y descarguen este:

JAIRO SALAZAR CASTAÑO

student•

Muchas gracias por su aporte.

José Fabián Beltrán Meza

student•

Muchas gracias por el aporte.

Abraham Calsin

student•

++¿Que es el Scope? - Global Scope++

Miguel Angel Reyes Malvehy

student•

Hola. Tus notas me parecen increíbles quisiera saber:

¿Como las haces, que aplicación o web usas?
¿Como creas las notas del código, como haces para crear esos cuadros de texto en ellas ?
Puedes compartir tus notas, ya sea tu notion o de pronto subirlas a tu blog de tu pagina web, me parece una buena ayuda porque redactas muy bien los conceptos y creo que es lo que uno debería tener anotado en sus notas de estudio.

Pablo Zecua

student•

Más sobre Scope 👀 😉

Gran aporte del tío Sacha para la clase

Andrés Felipe Lopez gomez

student•

jajaj esta bueno

BinaryTreeCode

student•

Gracias, si me ayudo.

Estefani Yuliana Conislla Atúncar

student•

Notable mejora del curso, grande Óscar :)

Oscar Barajas Tavares

Team Platzi•

Gracias :D

Jonathan Guidi

student•

¿Que es el SCOPE? Se puede definir como el alcance que tienen nuestras variables dentro del documento. Es importante tener en cuenta que los OBJETOS y las FUNCIONES tambien son variables, por lo tanto son afectadas por el SCOPE. Para entender a la perfeccion como afecta el SCOPE debemos tener en cuenta el "funcionamiento de las variables" que se pueden "DECLARAR - ASIGNAR - DECLARAR y ASIGNAR - REDECLARAR - REASIGNAR"

Tenemos distintos TIPOS de Scope : Global - Function - Block.

Global Scope - Se define cuando una variable esta declarada de forma global, osea "Fuera de una funcion o un bloque". No es buena practica declarar de forma global ya que podemos declarar dos variables con el mismo nombre y diferente valor.

LIKE SI TE SIRVIO ;)

Ulises Rodríguez Candela

student•

Mi código con comentarios de la clase:

Jesús Leon

student•

En los recursos está el enlace al plugin para correr el código como lo muestra en la clase el profe gndx.

Code Runner - Visual Studio Marketplace https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

Juan Pablo Lagos Idrobo

student•

Muchas, gracias.

Carlos Andrés Padilla Arroyo

student•

A mí me gustó mucho el curso anterior, lo estaba haciendo precisamente hace unos días y me percaté de que lo cambiaron. Algo que veía del curso es que era muy práctico. Sin embargo, podía ser demasiado práctico. Fue bastante corto y creo que con la actualización se hizo una mejoría sustancial en este aspecto. Excelente!

Duvan Yesid Becerra Rodríguez

student•

Para aquellos que no conozcan la extensión que usa Oscar para correr el código, se llama Code Runner.

Joao Ivan Garduño Salgado

student•

Excelente trabajo Oscar.

Scope: Es el alcance que puede tener una variable. Además, el scope decide a que variables tienen acceso en nuestro código . Existen 2 tipos de "Scope":

Global
Local

. Local: Cuando puedes acceder a una variable únicamente en cierta parte del código o bloque.

Global: Una variable cuando está en el scope global, es porque está declarada fuera de un bloque de código o función.

Andres Felipe Baron Becerra

student•

alguien sabe donde encuentro para crear el repositorio?

Juan Carlos Montilla Sánchez

student•

Hola, Andres.

Cerca de tu perfil, se encuentra una opción donde te indica crear un nuevo repositorio.

Intenta buscar el signo de más (+).

Saludos

Andres Walteros

student•

Alguien sabe cuál es el tema del profe? 👀

Oscar Barajas Tavares

Team Platzi•

El tema de la terminal es este: https://gndx.dev/blog/tema-oh-my-zsh-gndx El tema de mi VSCode es https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode

Ricardo Javier Mejia Gonzalez

student•

Para quien lea esta pregunta y este usando Linux con Ubuntu o derivadas, necesitas usar la version .deb, Este tema no funciona con Snap. ya teniendo la version .deb hagan la instalacion y por ultimo deben dar permisos de administrador a vs code para activarlo

Julen Alvaro

student•

Charles Duck Castillo Rosas

student•

Mis apuntes de este curso en Notion

José Alberto Ramírez Quiroz

student•

Asignar una variable sin declarar ¿?

En nuestra mente no tiene sentido cierto? puesto que en multiples veces nos han dicho que siempre debemos declarar una variable usando las distintas formas (var, let, const) bueno el motor de Js es capaz de resolver operaciones y realizar el flujo del programa sin una variable declarada gracias a Object Wrapper: Que basicamente es un Objeto el cual envuelve a un valor primitivo cuando queremos acceder a una propiedad o llamar a un metodo del mismo. Es temporal por que el motor lo utiliza solo por una fraccion de segundo. Despues lo desecha, lo borra de la memoria

...

Si tienes más información al respecto me gustaria leerte

Julian Roa Villamil

student•

dejo mis notas de la clase por aca:

Clase 2 - Global Scope

Pre-clase
- Que es GLobal Scope?
  
  El “global scope” se refiere al área donde las variables y funciones están disponibles para ser utilizadas desde cualquier parte del código, incluyendo dentro de funciones y cualquier bloque de código.
  
  En otras palabras, cualquier variable o función definida en el global scope se convierte en una variable capaz de ser utilizada en cualquier parte del codigo.

Que es el Scope?

que es el scope?
- Es el alcance que determina la accesibilidad de las variables
  
  Donde van a poder ser leídas y como vamos a poder interactuar con ellas dentro de nuestra lógica
tipos de “Scope”
- Global
- Function
- Block

los objetos y las funciones también son variables en javaScript

/*
    primero se entenderan las variables
    - asignacion 
    - declaracion
    - re-asignacion
    - re-declaracion
*/


//variables

var a; //declarando
var b = 'b' // declarando y asignando
b = 'bb'; // reasignacion
var a = 'aa' // redeclaracion


/*Cualquier variable que se encuentre en el documento pasan a ser variables globales y 
se instancian en el objeto window, pudiendo ser utilizadas en cualquier lugar del archivo .js*/

// GLobal Scope, ejemplo:

var fruit = 'Apple'; // variable global
console.log(fruit);

function bestfruit(){
    console.log(fruit);
}

bestfruit();

//si no se declara una variable, inmediatamente esta pasa a ser GLOBAL
function country() {
    country = 'Colombia'; // Esta variable es global
    console.log(country);
}

country();
console.log(country);

Luis Carlos Zapata García

student•

¿Qué es el Scope?

El alcance que determina la accesibilidad de las variables.

Tipos de "Scope"

Global- Function-block

Javascript Variables

El Javascript,los objetos y las funciones también son variables.

El "Scope" determina la accesibilidad de variables,objetos y funciones desde diferentes partes del código.

Ejemplos

var a; // Estamos declarando la variable a
var b;// Declaramos y asignamos
b ='bb'; //reasignar un valor
var a ='aa'; //dedeclaracion

// Global Scope

var fruit = 'Apple'; //global
console.log(fruit);
function bestFruit()  {
console.log(fruit);
}

bestFruit();

// Estamos asignando contry dentro de una funcion y no afuera
function countries(){
country = 'Colombia'; //global
console.log(country);
}

countries();
console.log(country);// va a poder ser accedido fuera

Romen Ter Gazarian

student•

Cuando hablamos de un GLOBAL scope, hablamos de una variable que se puede llamar desde cualquier lugar del codigo, o dicho en otras palabras, no se encapsula. La característica de esta variable es que, aunque este dentro de una función, se le permite llamarla. Existen 2 formas de hacerlo:

Cuando no se especifica variable dentro de una funcion (Var, Let, Const) por defecto será global. Ej:

b = 'a'

Cuando declarams 2 variables iguales en un keyword:

var a = a = 'a'

Resumen de clase en codigo:

// variable
var a;          //declaracion
var b = 'b';    //declaramos y asignamos
b = 'bb';       //reasignando
var a = 'aa';   //redeclaracion


//Global Scope --> Declaracion golbal
var fruit = 'Apple';
console.log(fruit)

function bestFruit (){
    console.log(fruit)
}

bestFruit();

//Otra forma de crear una variable global
function countries(){
    country = 'Colombia'; //No declaramos la variable, por lo tanto sera (por defecto) global
    console.log(country)
}

countries();
console.log(country)

Global Scope

Bienvenida

Bienvenida al Curso de Closures y Scope

Tipos de scope en JavaScript

Global Scope

Function Scope

Block Scope

Reasignación y redeclaración

Strict Mode

Closure

¿Qué es un Closure?

Playground: Crea un Closure para Sumar

Practicando Closures

Playground: Closure para Almacenar Datos de Mascotas

Hoisting

¿Qué es el Hoisting?

Debugging

Debugging

Cierre

Conclusiones