Temas de JavaScript: Declaraciones y alcance

1. Introducción: Bienvenido a temas de JavaScript. A Siri's que se enfoca en temas individuales. En JavaScript. Estos temas están enfocados para que puedas dedicar tu tiempo limitado aprendiendo o revisando un patrón o concepto específico de características. Echemos un vistazo a lo que se trata en este tema en declaraciones en Alcance. El listado de objetivos de Ride, Una comprensión completa de Alcance en script Java y cómo las palabras clave de declaración, var, Let y const difieren y se aplican al alcance. Alcance es un concepto crítico para entender, por lo que vamos a cubrir ese primero en profundidad. Usando la barra de palabras clave luego discutirá let y luego finalmente, const. Deberían tardar unos 30 minutos en completar este tema, así que saltemos a la derecha. 2. Comprender el alcance del alcance: es importante entender el alcance en JavaScript con el fin de entender lo que está haciendo tu código y con el fin de aprovechar al máximo todas sus capacidades en este video, usaremos varios ejemplos para ayudar a ilustrar el alcance y la cadena de alcance y hacer que concepto más comprensible. Entonces primero, parece importante definir el alcance. El ámbito es simplemente un conjunto de reglas que determinan dónde dentro de un programa se puede acceder a los elementos referenciados. Por lo general eso se refiere a variables. Entonces el alcance es un conjunto de reglas que determinan dónde puedes acceder a las variables que has declarado. Ahora, el alcance no se limita a variables, como verá en nuestros ejemplos, pero usualmente pensamos en variables. Cuando estamos hablando de alcance. Ahora echemos un vistazo a algunos conceptos que están asociados con el alcance. El número uno es alcance se determina. léxica e. ¿ Ahora qué significa eso? Bueno, como simplemente significa que cuando estás montando tu programa, donde colocas declaración de variables y funciones determinado esculpt por lo que no tiene nada ver con cuando se llama a una función o cuando se ejecuta tu código. Alcance está determinado por la forma en que escribes tu programa. En segundo lugar, JavaScript utiliza el alcance de la función cuando se declara una nueva función que crea alcance. Todo en JavaScript comienza en el ámbito global. Pero a medida que comienzas a crear funciones que también crea alcance y luego finalmente funciones anidadas . Entonces si declaras una función dentro, otra función que crea una función anidada que crea lo que llamamos una cadena de alcance explicará qué es también una cadena de alcance. Por lo que estos son los tres conceptos que son importantes a tener en cuenta a medida que pasamos por estos ejemplos. Ahora, echemos un vistazo al código que vamos a utilizar para los ejemplos que ayudarán a explicar el alcance. En primer lugar, declaramos variable, le asignamos el número 10. Entonces tenemos una función a la que hemos hecho referencia con add cinco. Ambos están en el espacio global. Dentro de la función ad cinco, declaramos variable asignándole el número cinco. Después logramos registrar la información que resulta del número pasado más esa variable . Declaramos otra función dentro de la función de anuncio cinco. De hecho, declaramos una segunda función a los 15 que está dentro de la función ad cinco. Ambos se llaman y se pasa un número a esas funciones. Entonces ahora echemos un vistazo a qué alcance se crea como resultado de este código. Aquí tienes un diagrama que identifica el esculpe que se crea por el código que acabamos de ver . Entonces el alcance más externo que he etiquetado a y luego la función Ad cinco crea alcance. He etiquetado que estar dentro de la función advi. Tenemos una función al 10, que crea alcance. He etiquetado que ver, y tenemos una función de anuncio 15 que crea alcance. He etiquetado que d no hay aviso en el esculpt para B, C y D. No incluye la definición de la función es parte de su alcance. Incluye la variable que se pasa, pero la función en realidad reside en el alcance externo. Por ejemplo, si echamos un vistazo al mar, número dos es parte del alcance ver, pero la función del anuncio 10 es parte de esculpir. Estar ahora. Analicemos el código y veamos cómo el alcance repercute en lo que sucede. Por lo que primero fuera de la flecha está apuntando a nuestra primera declaración excusable, que simplemente es definir una variable A y asignarle el número 10 la siguiente sentencia Herbal es la llamada de la función ad cinco, y pasamos en un número tres. Entonces vamos a la función de anuncio cinco. Ahí es donde se declara la variable numb por lo que numb ahora es igual a tres. Por ese valor, que pasamos, entonces le declaramos variable B y un signo cinco. Ahora nos encontramos con la declaración cónsul dot logs. Ahora esta sentencia de registro de salida de concierto provoca una búsqueda para las dos variables. Numb y ser primero busca Numb dentro de su propio alcance. Lo encuentra dentro de su propio alcance y por lo tanto devuelve tres y luego busca la variable, estar dentro de su propio alcance. Lo encuentra y devuelve cinco y luego imprime el número ocho porque tres más cinco es ocho. Ahora vamos a la siguiente declaración excusable que llama a la función del anuncio 10, y pasa en un número tres. Por lo que en el anuncio 10 Función numb a se le asigna un valor de tres. Después vamos a la bitácora de conciertos. El sistema busca a través de su propio un alcance, el alcance de la función ad 10 para encontrarlos a él lo encuentra y devuelve tres. Entonces busca un No puede encontrar un esculpt dentro. Ver, así va al siguiente alcance más externo. Esta es la cadena de alcance de la que hablamos. El siguiente alcance más externo es ser. Se busca la variable a dentro de esculpir ya sea que no pueda encontrarla. Por lo que va más allá de la cadena de alcance. Se va al siguiente alcance más externo, que es el alcance A y el alcance. A pasa a ser el alcance global, por lo que la cadena de alcance se detiene en el ámbito global. Si a no se encuentra en el ámbito global, entonces se considera una variable no declarada y provoca un aire. No obstante, sí encuentra un en ese ámbito. Devuelve el valor y luego imprime tres más 10 que es 13. Pasamos a la siguiente declaración excusable, que es una llamada para sumar 15 y pasa en el número tres. Numb tres se declara con un valor de tres. Se declara una variable ver y se le asigna un valor de 15 y luego la sentencia cónsul dot logs primero busca numb tres. Lo encuentra dentro de su propio esculpt y devuelve un tres y luego busca C que encuentra dentro de su propio alcance y retornos de 15 suma esos dos juntos e imprime 18. Los cuatro ámbitos diferentes, que echamos un vistazo aquí, fueron creados por cómo entramos al abrigo porque anidamos funciones dentro de la función ad cinco que creaba alcance dentro de eso y también creaba una cadena de esculpir, que podría atravesar para encontrar variables cuando las está buscando. No, realmente rápido. ¿ Y si cambiáramos una línea de código? El negrita línea ID es el frío que se ha cambiado en lugar de referirse a la variable A. Ahora se refiere a la variable See. Entonces, ¿eso es posible? Variable Ver en realidad se acaba de declarar dentro del ámbito D Ámbito D no es parte de la cadena de alcance para el alcance. Ver, por tanto, se produciría un aire. Básicamente, lo que pasaría es que buscaría la variable ver dentro del alcance, Ver no pudo encontrarla. Se va al siguiente alcance exterior, que es B. lo puedo encontrar, luego va a acopio un campamento, encuentra que genera un aire. Muy bien, Un ejemplo más con código de cambio. Por lo que esa línea ha cambiado de nuevo. Por lo que se está utilizando la variable a pero hacia abajo dentro de la función. Agregar 15. Cambiamos la declaración de registro constante para simplemente llamar a la función, agregar 10 y pasar en un número de tres. ¿ Eso funcionará bien? Cuando se llame a esa función, buscará la función dentro de esculpir D. No la encontrará. Se irá entonces al ámbito exterior, ¿cuál es el alcance ser? ¿ Lo puede encontrar ahí? Sí, la función del anuncio 10 se declara dentro del alcance. Sea así lo encuentre y lo ejecute. Ahora. Antes de finalizar este video, me gusta verificar todo lo que hemos hablado ejecutando el código real. Entonces hagámoslo ahora. Muy bien, aquí está el código real. Se adjunta a esta página HTML. Entonces cuando se ejecute, deberíamos conseguir ocho, 13 y 18. lo refrescaré. Abre la consola 8 13 y 18. Ahora hagamos rápidamente los cambios, que hablamos anteriormente. Si cambio esa variable para ver como mencioné, obtendríamos un salto de aire ejecutado. Suficientemente, ahí tenemos una referencia. Ver no está definido porque no puede encontrar ver en su cadena de alcance. Cambiemos eso de nuevo a un. y ahora llamemos en lugar de concierto out log que se llama add 10 pasando un tres. Entonces si esto funciona, deberíamos conseguir 8 13 y 13. Y bastante seguro, eso es lo que obtenemos. Un comentario más antes de dejar el concepto de alcance. Sí. Seis Sí, 2015 introdujo una nueva palabra clave para declarar variables. Que eso crea un alcance diferente al Var. Vamos es de lo que estaremos hablando en el próximo tema, así que sigamos adelante. 3. La diferencia entre var y Let : el estándar ES six proporcionó una nueva forma de definir variables. Entonces echemos un vistazo a la diferencia entre Var versus let ahora. El principal diferencia es con cómo se alcanzan las variables. No obstante, hay otra diferencia de también, y tiene que ver con el alzado. Entonces primero, el alcance de las variables declaradas con barra es la función misma o si se declaran como una variable global, es el entorno global, mientras que las variables que se declaran con let el alcance de esas variables es simplemente el bloque de código, el bloque de código contenido dentro de llaves. Ahora, cuanto al alzado, las variables declaradas con latte no se elevan, mientras que las declaradas con lejos son, Echemos un vistazo a ambos ejemplos. Entonces primero tengo una función simple que simplemente registra una variable a la consola. Yo estoy llamando a esa función en línea. Siete. No obstante, la variable no se declara hasta la línea 10 y en este momento estoy usando BAR. Vamos a ver el alzado en este primer ejemplo. Me deja seguir adelante y refrescar mi página Web y mostrar la consola y ver qué tenemos. Indica que las variables indefinidas no le hemos asignado un valor, pero no nos da un aire de que la variable no exista. Por lo tanto, la declaración de variable fue izada a la parte superior del código, pero la asignación quedó donde la habíamos colocado dentro del código. Ahora cuál es la diferencia si cambiamos esto para dejar ahora en ambas situaciones, esto es en el entorno global, por lo que el alcance de la variable tanto para nuestro como para latte en el entorno global es el mismo. Pero vamos a ver qué pasa con el alzado. Refresca de nuevo, abre la consola y nota. Ahora obtenemos referencia ahí. X no está definido, por lo que no se izó con let donde estaba con bar Muy bien. Segundo ejemplo en este ejemplo tienen una función que una vez más está registrando al cónsul pero está pasando por un bucle de cuatro, y es registrando el valor de I al cónsul cada vez que pasamos por el bucle cuatro. Una vez que el bucle cuatro esté completo, luego registra yo una vez más Ahora. En este primer ejemplo, declaramos yo con bar. Adelante y llamemos a esa función y veamos qué pasa. Refresca Consola 1234 y luego cinco. Esta es la declaración final del cónsul aquí porque el bucle de cuatro era tan largo como era menos de cinco. Muy bien, ahora cambiemos este dedo del pie. Recordemos ahora, vamos a definir el alcance de la variable al bloque de código. Ahí está nuestro bloque de código. Entonces veamos qué pasa cuando tratamos de iniciar sesión I a la consola en la Línea 15. Guarda esta actualización. Obtenemos el 1er 4 justo bien. Pero una vez que lleguemos a esa declaración final del registro del concierto, obtenemos allí una referencia donde no me define. Y eso es porque me definieron con let así que el alcance es limitado. Esperemos que esos dos ejemplos te ayuden a ver la diferencia entre var y déjame pensar que una de las mejores formas de aprender es probando cosas diferentes en tu código y descubriendo qué sucede. Entonces en el proyecto para este curso, voy a hacer que hagas exactamente eso. Jugarás con el código proporcionado en el tema anterior y realizarás cambios para ver la diferencia entre let y bar. Pero antes de describir el proyecto, necesitamos hablar de Const. Entonces sigamos adelante 4. Crea constantes con const: tenemos otro ES seis tema creando Constance. Esto va de la mano con la creación de variables porque es una estructura muy similar. Una constante es un contenedor que contiene el valor, las principales diferencias. No se puede cambiar una vez fuera de valor, asignado al contenedor. Entonces echemos un vistazo a esto. El sintaxis para configurar una constante es muy similar. La única diferencia es en lugar de nuestros o años con leche, la palabra const. En el pasado y script Java, cuando los programadores querían indicar que no se debía cambiar un valor, pondrían el nombre de la variable en todas las letras mayúsculas entonces, ya que estaban programando que sabrían que este es un valor constante. Este es un valor que no queremos cambiar. Esa es una buena práctica para continuar. Creo que cuando estás usando la palabra clave const para declarar un sí constante, seis lo hicieron posible para que ahora puedas crear un contenedor, un contenedor de tipo variable que una vez que está configurado, te impide hacer un cambio en él. Entonces si firmamos esta constante pi el valor de 3.14 entonces podemos referirnos a eso y vuelve y lo muestra, pero notamos que no podemos cambiarlo. Aunque el valor del cambio sea correcto, básicamente nos da un aire. Por lo que hay situaciones en las que se quiere usar una constante algo que es inmutable. En ese caso, querrías declararlo con constante. Ahora, ¿cómo se compara el alcance de Const con var y let so cost es block scope, que es exactamente como let so la discusión que tuvimos sobre let aplica a const. Ahora hay una cosa más que debemos mencionar sobre Constant. Es importante recordar que Const Onley restringe la asignación de valor. No hay restricción en el valor en sí. Entonces, ¿qué significa eso? Prácticamente bien, déjame ilustrar. Entonces voy a declarar dos cosas con el CONST. Este año es un número. Es un primitivo. Dado que es primitivo, no podemos cambiar el valor en absoluto. Y como se declara con const, no podemos reasignarlo. Ahora lo segundo va a ser usuario para encontrar objeto. De acuerdo, entonces ahí tenemos dos declaraciones con Const. Adelante y echemos un vistazo a estos. Entonces si miro el pastel en la consola, puedo referirlo. Pero como vimos, no puedo cambiarlo. Me da aire. Si lo hago ahora, echemos un vistazo a los otros 10 b. J. Puedo referirme a que puedo mirarlo. A ver si tratamos de cambiarlo por otra cosa. A lo mejor sólo un número. No, me da un heredero. No puedo hacer eso. Pero aquí hay algo que puedo hacer. Puedo cambiar el objeto porque es un objeto. Y los objetos en Javascript son inmutables. Puedo seguir adelante y cambiarlo. Para que yo también pudiera poner el nombre. Algo más. Y seguirá adelante y cambiará eso. Entonces eso es a lo que me refiero. Cuando digo que la restricción está en la asignación de valor. No está en el valor en sí porque los objetos son inmutables en JavaScript, podemos seguir modificando esos. Ahora bien, ¿dónde usarías Const? Bueno, ahora unos días. Verás uso de const en muchos lugares. Se utiliza con frecuencia para variables que almacenan función. Y la razón de eso es que no querrías firmar algo más a esa variable. Si has almacenado una función en ella, algo de lo que quizás estés al tanto o quizá hayas visto, ese Const. Se ha convertido en la declaración de elección en muchos casos porque hay muchas cosas en tu código a las que no quieres asignar un nuevo valor. Y así eso tiene sentido. No obstante, es posible que también desee considerar lo que Const comunica a los otros desarrolladores. Básicamente, es decir que esto no se va a cambiar, así que dudo usarla con cosas como de costumbre para encontrar objetos y dura. No planeo que ese objeto cambie. No quiero que ese objeto cambie o haya congelado el objeto. Pero si el objeto va a ser inmutable, entonces declararé que era otra cosa, dependiendo de lo que quiera que sea el alcance. Y eso es otra cosa que hacer, considerar dejar y const confundido indistintamente porque su alcance es el mismo. Pero si quieres un alcance diferente, entonces necesitarías usar barra. Está bien. En el siguiente tema, voy a explicar el proyecto para este tema de tira de empleo 5. Proyecto: una de las mejores formas de aprender JavaScript es probando cosas diferentes y descubriendo qué sucede. Entonces para el proyecto, me gustaría que hicieras exactamente eso. En primer lugar, descargue el código del proyecto que frio se ve exactamente igual al código presentado en la discusión sobre alcance. Notarás que el abrigo utiliza exclusivamente de nuestro hacer algunos cambios y descubre qué sucede. Uso. Dejar usar Const. Prueba algunas cosas, ve qué pasa luego Toma una captura de pantalla de tus cambios co o sube el archivo de código o puede estar vinculado a algunos, Cody escribió en Code Pen en código escrito mucho. Después escribe una descripción de lo que aprendes. De esta manera todos podemos aprender unos de otros, que es otra forma importante de aprender script Java. Así que pruébalo y gracias por ser parte de este tema de JavaScript. Declaraciones y alcances