Global Scope

Contenido del curso

Bienvenida

1
Bienvenida al Curso de Closures y Scope
01:11 min

Tipos de scope en JavaScript

Closure

0:0012:09

Global Scope

Curso de Closures y Scope en JavaScript

Clase 2 de 11

Clase 2 / 11

Comentarios (100)100 comentarios

Sebastián Pineda Duque

Hace 4 años

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

Hace 4 años

Gracias Sebastian.

Héctor Galindo

Hace 4 años

Totalmente.

Axel Enrique Galeed Gutierrez

Hace 4 años

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

Hace 4 años

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

Hace 4 años

parece que el audio no est[a masterizado :(

Rubén Ernesto Aragón Gil

Hace 4 años

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

Hace 4 años

Muchas gracias por su aporte.

José Fabián Beltrán Meza

Hace 3 años

Muchas gracias por el aporte.

Abraham Calsin

Hace 4 años

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

Miguel Angel Reyes Malvehy

Hace 4 años

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

Hace 4 años

Más sobre Scope 👀 😉

Gran aporte del tío Sacha para la clase

Andrés Felipe Lopez gomez

Hace 4 años

jajaj esta bueno

BinaryTreeCode

Hace 3 años

Gracias, si me ayudo.

Estefani Yuliana Conislla Atúncar

Hace 4 años

Notable mejora del curso, grande Óscar :)

Oscar Barajas Tavares

Team Platzi

Hace 4 años

Gracias :D

Jonathan Guidi

Hace 4 años

¿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

Hace 4 años

Mi código con comentarios de la clase:

Jesús León

Hace 4 años

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

Juan Pablo Lagos Idrobo

Hace 4 años

Muchas, gracias.

Carlos Andrés Padilla Arroyo

Hace 4 años

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

Hace 4 años

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

Hace 4 años

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

Hace 4 años

alguien sabe donde encuentro para crear el repositorio?

Juan Carlos Montilla Sánchez

Hace 4 años

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

Hace 4 años

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

Oscar Barajas Tavares

Team Platzi

Hace 4 años

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

Hace 4 años

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

Hace 4 años

Charles Castillo Rosas

Hace 4 años

Mis apuntes de este curso en Notion

José Alberto Ramírez Quiroz

Hace 4 años

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

Hace 4 años

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

Hace 4 años

¿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

Hace 4 años

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)

/*
    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);

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 

// 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)

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?

Practicando Closures

Hoisting

¿Qué es el Hoisting?

Debugging

Debugging

Cierre

Conclusiones

Global Scope

Progreso del curso

Bienvenida

Tipos de scope en JavaScript

Closure

Hoisting

Debugging

Cierre

Recursos

Recursos