Javascript Los conceptos avanzados

1. Introducción al curso: Hola, y bienvenidos a la clase de script Advanced Dava. Mi nombre es Únete al auto corto. Soy Ft wave deloper, e instructor en línea. Hoy en esta clase, vamos a iniciar Javascript avanzado. Vamos a comenzar con la introducción. Introducción avanzada de Dava scrip . Entonces vamos a aprender tarde y costo variable. Vamos a aprender Java p avanzado, método tempest sing, función flecha, operador sk, operador de pulverización, eterales de objeto, matriz de desestructuración, objeto destructivo, programación orientada a objetos Así en alturas, promesas modernas, promis AX, también KPI gular El símbolo del método asíncrono gular, iteradores, generadores, syncmt, gar Atlas, mano cero Este curso es para aquellos dos abs que quieran potenciar sus habilidades Javascript. Si quieres aprender framework Javascript moderno como gs, reas, angular, entonces este curso es para forma basada. En esta clase, trato de cubrir A six y la versión posterior de JavaScript. Empecemos. 2. Tutorial avanzado de variables Let & Const de JavaScript: Hola, chicos, es bueno volver a verles. Este es el primer tutorial de esta serie. Vamos a comenzar nuestro avanzado viaje de tira de Java desde la variable Late y const Java Striped tap total de tres tipos de variables. Primero es donde, luego tarde y después const. Latin con introducido en Java slip e six versión. Es principal se introduce en la versión 2015. Ahora, veamos cuál es la diferencia entre tres tipos de variables. La primera diferencia entre todas las variables de tipo es ese método de declaración. Veamos la diferencia para donde necesitamos empatar Q, y luego tenemos que tomar el nombre de la variable igual a entonces v Similarmente, para tarde, necesitamos escribir late. Entonces tenemos que pasar la línea variable. Para el costo, necesitamos usar el costo Qd. Entonces tenemos que pasar la línea variable. Podemos redeclar variables. Aquí se puede ver, aquí redeclare x variable de nuevo. Si usamos kw, podemos redeclare nuestra variable, y podemos asignar un nuevo valor a estas variables x También podemos reasignar el valor si utilizamos kw. Ahora nuestro valor x es. Ahora bien, si imprimimos este valor, va a regresar. En caso de que podamos reasignar el valor, también redeclare Pero en caso de blade, no podemos redeclare la variable Si lo haces, entonces va a devolver error. Pero podemos reasignar el valor si usamos la palabra clave let. Pero no podemos volver a clamar el valor. Ahora, hablemos del tipo de variable de costo. En el tipo de variable de costo, no podemos volver a clare nuestra Si lo hacemos, va a devolver error. Además, no podemos reasignar nuestra V. También va a devolver error lo hago. Esa es la principal diferencia entre tres tipos de variables. Tarde y const. En caso de, podemos reasignar y redeclare En caso de que sea tarde, solo reasignamos, no redeclare. Pero en caso de pasado, no podemos redeclare y tampoco podemos Y hay otro diferente entre ellos, que es el ámbito relacionado. Déjame mostrarte. Si hablamos del primer caso, quiero decir donde voy a usar una condición HP, y dentro de esta condición, voy a declarar una variable usando QR. Si trato de imprimir este valor fuera de la condición p, sí, podemos porque este es de alcance global. Podemos imprimir esta variable fuera de la condición p. También podemos redeclare y también podemos realizar cálculos fuera de la condición ep Por eso se le llama alcance global. De igual manera, dentro de la condición P, si declaramos una variable usando let QR, entonces entonces no podemos imprimir esta variable fuera la condición P porque esto es alcance de bloque. Es media que solo es trabajo dentro de la cuadra. Los bloques significan los ases de los autos. Solo podemos usar esta variable dentro del auto ses, no fuera del car ases. Aquí podemos imprimir el valor. También podemos reasignar la ternera. Pero no podemos volver a clare. Podemos usarlo con condiciones, loop, switches, while loop, pero solo necesitamos alcance de bloque para eso. la misma manera, dentro de la condición ip, si declaramos una variable usando la palabra clave const, y si intentamos imprimirla fuera del bloque, entonces va a lanzar una flecha porque también es un alcance de bloque Tan constante Q también siguen el alcance del bloque. Echemos un vistazo práctico, lo que aprendemos. Como pueden ver, lado a lado, abro mi visor Sudo editor de código y mi navegador usando la extensión Live Server Ya creé un est document name index dot HTML. Puedes usar cualquier editor de código con el que estés familiarizado. Aquí voy a usar Visor Studio Code. Como puedes ver dentro de la etiqueta head, ya hemos escrito la etiqueta script Luego dentro de la etiqueta script, primero, voy a declarar una variable usando donde Q. W y nuestra variable M es A, A, asignar w, y él voy a asignar un valor de cadena, y el valor de cadena es agregar uno, y Semgra dos en esta línea También, voy a redeclre el v. Así que voy a duplicar esta línea, y aquí de nuevo, voy a pasar una nueva cadena Mage agregar un mage Ahora, vamos a imprimir el valor en nuestra consola. También puedes imprimir el valor en tu documento. Para ese tipo de Amon, consola, el registro dentro de la prensa redonda, voy a pasar A, nuestro nombre de variable Después smog a en esta línea. Si configuro este archivo y vuelvo al navegador y te muestro mi consola para mostrar tu consola, solo necesitas hacer click, solo necesitas presionar click derecho en tu navegador. Después podrás ver la sección de inspeccionar, luego dar click en el empeine Aquí puedes ver la sección de consola, la pestaña de consola, hacer clic en pestaña de consola. Ahora voy a aumentar la consola por tamaño. Como puedes ver, imprime Mg, y no enfoques esta línea de dos. Estos provienen de mi extensión, mi extensión JCNer. Aquí redeclare exitosamente la variable. Con eso, también podemos reasignar vi. Déjame mostrarte. Hm tipo A igual a es que las comillas dobles, am pass, la cadena, y Ham pass, bienvenidos. Entonces, vamos a cortar el archivo y a ver qué trataba. Como puedes ver hasta auto el archivo, puedes ver mi consola, esta vez se imprime, bienvenido. Como te dije, podemos redeclare y reasignar nuestro valor si usamos Ahora voy a usar la palabra clave late para declarar una variable. Aquí escribo tarde. También, lo voy a volver a clare con tarde. Y voy a comentar esta línea. Un conjunto de este archivo, como se puede ver, es una flecha, error de sintaxis. Porque no podemos redeclare nuestra variable si usamos la palabra clave late Pero podemos reasignar nuestro valor. Si comento esta línea y elimino los comentarios y reasigno el valor y luego configuro el archivo, ahora puedes verlo impreso, bienvenido Porque ect nos permite reasignar, no rojo. Pero si usamos palabra clave constante. Cs, y ahí en este archivo, ahora se puede ver que está escrito flecha porque los contras no permiten redeclarado, además no permiten Por eso es error de Sten. Ahora, como les dije, hay otra diferencia entre todas estas variables, relacionadas con su alcance. Déjame mostrarte el ejemplo. Para eso, voy a usar una condición. Si dentro del proceso redondo, voy a crear una condición y nuestra condición siempre es cierta. Uno igual a igual a uno. Luego dentro de la condición e, Hamod asigna una variable usando una A igual a 12 Esta vez, asigno un numérico. Si configuro este archivo, como pueden ver en mi consola, está escrito 12. Si notas puedes ver, solo declaramos la variable dentro de este dock, significa dentro de los casos. Pero a esta variable la llamamos fuera de los casos. Quiero decir fuera de la cuadra. Pero si uso let variable type ate, a igual a 12, y si quiero excederla fuera del bloque y establecer este archivo, como pueden ver, es sttle arrow Referencia sin cortar, A no está definida. Pero si trato de excederlo, dentro del documento de bloque punto justo dentro del proceso redondo, voy a pasar la variable A. Luego siete c dos, esta línea. Si configuro este archivo, ahora puedes ver en mi navegador spin, sprint el valor a a. porque, como te dije, sigamos el alcance del bloque. la misma manera, si usamos palabra clave st para declarar la variable, entonces cuesta A igual a 12, y luego establecemos este archivo, como puedes ver, es el mismo resultado. Como puede ver, podemos excederlo dentro del muelle. Por eso imprime 12 en nuestro navegador, pero no podemos excederlo fuera del dock. Es por eso que nuestra consola escribió error porque el costo también sigue el alcance del bloque. Pero si declaramos con variable donde y esto si el archivo, ahora puedes ver nuestro navegador y nuestro cosol devuelven el mismo resultado Esa es la diferencia entre ambas variables, costo y retraso. Gracias por ver este video, St tune para nuestro próximo tutorial. En el siguiente tutorial, vamos a aprender stream de plantillas. 3. Tutorial de cadenas de plantillas: Hola chicos, me alegro de verles de vuelta. Este es el tercer tutorial relacionado con la velocidad avanzada de Java. En este tutorial, vamos a aprender la cadena de plantillas o repeticiones de plantillas Esta característica está introduciendo Java speed a six version. Algunos otros desarrolladores lo llaman literales de plantilla. Antes del lanzamiento de la cadena de plantilla, usamos el signo concatinal para unir cadenas. Déjame mostrar. Supongamos que tomamos una variable de cadena y el valor es sumar un meg y nuestra variable m es Name. También puedes tomar cualquier numérico. Ahora quiero usar este valor de cadena con otra cadena. Básicamente, quiero concatenar dos cadenas. Para eso, utilizamos signo concatinal. Supongamos dirección igual a India más nuestra variable m. Este signo de concatenación va a unir tanto esta Esta es la forma normal en la que podemos unir dos cadenas, de lo contrario dos variables. Pero el problema es, supongamos que tenemos muchas variables, y necesitamos concatar esta variable en una cadena one Para eso, cada vez que necesitamos usar signo de concatenación. Con eso, también necesitamos usar códigos para unir la cadena, y esto va a hacer que nuestra cote sea muy compleja. Para resolver este problema, JavaScript introduce la cadena de plantilla. Ahora, hagamos lo mismo usando la cadena de plantilla, y va a hacer que nuestro cote sea más eficiente. Creo el mismo nombre de variable con el mismo. Ahora quiero concatar esta variable en una cadena. Pero esta vez voy a usar plantilla de cadena, algo así. Dirección W igual a querer usar murciélagos. Estos son murciélagos. Dentro de los murciélagos, voy a pasar la cuerda. Por error, escribo el doble signo co. Entonces necesitas usar el signo de dólar. Después dentro de las calibraciones, vamos a pasar la variada Recuerda, este letrero especial no es una cita. Estos son todos bata, y lo puedes encontrar encima de la pestaña en tu Kibo Es necesario usar la bata comenzando una posición en. Y luego puedes pasar tu cuerda normal. Si quieres llamar a alguna variable para eso, necesitas usar el signo de dólar. Después de eso, necesitas usar calibraciones. Dentro del clasis, puedes llamar a tu variable y va a unir dos cadenas Necesitarías usar letrero concretal para eso. Si tienes múltiples variables, solo necesitas escribir el signo de dólar y dentro del calrass, necesitas pasar las Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código visa stdio y mi navegador usando la extensión del servidor Light, y ya creo un documento de estimación llamado Idexot este llamado Idexot Al principio, voy a declarar una variable. Para eso, voy a usar tarde tarde y nuestro usuario de imagen variable. Usuario asignar con dentro el doble cosa, y voy a pasar una cadena, y voy a pasar un nombre, y el nombre es agregar un mage. Entonces similar a esta línea. Ahora quiero imprimir este nombre en nuestro navegador. Para eso, voy a escribir domain dot right y decir el proceso redondo con el nombre, quiero imprimir una cadena. Primero, voy a seguir nuestro viejo método. Yo digo el doble cos, voy a pasar hola. Entonces voy a usar signo de concatenación para unir la cadena con el usuario, y H voy a pasar la variable nombre Subg dos esta línea. Después de configurar este archivo, como puedes ver en mi navegador, como puedes ver en mi navegador, cadena, hola Edvard M. Ahora decido que quiero agregar otra cadena Para eso, nuevamente, necesitamos usar signo de concatenación. Después insertar el doble curso. Voy a escribir bienvenida. Después de se este archivo, como se puede ver impreso, hola anuncio significa, bienvenido. Cada vez que necesitamos agregar signo de congregación para unirnos a los arroyos. Hago nuestro código muy complejo. Ahora voy a usar este segundo mapa, que es cadena de plantilla. Voy a comentar esta línea. Primero, voy a quitar el contenido antiguo y a usar ticks traseros. Entonces dentro de las garrapatas traseras, voy a atar hola. Entonces quiero llamar a la variable. Para eso, como te dije, necesitamos usar signo de Donante. Luego dentro del receso rizado, necesitamos pasar la variable n, que es usuario usuario. Entonces quiero concatenar otra calle, lo cual es bienvenido Si configuro este archivo, como pueden ver, podemos ver el mismo resultado en mi navegador, y este muy aseado y rem. Ahora quiero agregar otra variable en la misma cadena. ¿Cómo podemos hacer eso? Primero, voy a declarar otra variable. Tarde y nuestra variable es marcas. Marcar igual a sumar uno obtuvo un total de 350 marcas. Ahora voy a cambiar el bit de cadena. Hola, agrega uno tu Mark is Again, necesitamos usar dollar sine y car ss. Dentro del auto ***, tenemos que pasar la variable, Mark. Establecer los cinco. Después de establecer este archivo, se puede ver el resultado. Qué avanzado ange, tus marcas son 350. Hay otro beneficio si usamos cadena de plantilla. Supongamos ahora decido que quiero mostrar el nombre de usuario dentro de los códigos dobles. Sí. Ahora podemos usar códigos dobles. Aquí, voy a usar códigos dobles. Fuera de la variable. Si configuro este archivo, como pueden ver en mi navegador, ahora el nombre de usuario entra dentro de los códigos dobles, y ahora voy a usar cadena temp en una función. Al principio voy a comentar toda esta sección, y luego voy a declarar una variable, tarde, y nuestro nombre de variable es nombre de pila. Nombre igual a, y el nombre de usuario es d uno. Además, voy a tomar otro nombre, que es apellido. Tarde. Apellido Asen mage. Et's capitalizar el carácter a. Ahora voy a usar estos dos capaces en una función. Para eso, voy a crear una función. Función, y nuestro nombre de función es nombre completo. Nombre completo dentro del hueco redondo, necesita pasar a nuestros dos parámetros, y nuestro primer nombre de parámetro es nombre F, y nuestro segundo nombre de parámetro es A Name. Después dentro del receso c. Voy a devolver el nombre completo, y quiero devolver el nombre y apellido. Voy a escribir función escrita return, y voy a usar back ticks. Después dentro de las tachuelas traseras. Primero, quiero imprimir el primer nombre. Signo de dólar dentro del nombre clase A. Entonces signo de dólar dentro de los casos Lam y 72 en esta línea. Ahora voy a crear una variable, que va a almacenar un stream. Para eso, voy a usar ate, y nuestra variable ae es hola. Igual a otra vez, para usar templr. Su tipo, hola, Entonces signo de dólar dentro de lo grosero, llamó a una función, y el nombre de la función es nombre completo Entonces dentro del latón redondo, él a pasado dos argmin porque estamos llamando a una función, y nuestra primera variable es nombre, y nuestra segunda variable es apellido y Sebagal dos en Ahora, quiero imprimir esta variable en nuestro docu Así escriba documento justo en las rondas hemo llame a la variable nombre hola Si configuro este archivo, puedes ver el resultado. Hola y una M. En este tutorial, aprendemos una nueva característica de ES six version, que es template stream. ¿Cuál es el beneficio de usar template stream? Esto es para este tutorial. Gracias por ver este video, en nuestro próximo Tutorial, vamos a aprender la función de flecha. 4. Tutorial de funciones de flecha: Oigan, chicos, me alegro de volver a verles. Una vez más, estoy de vuelta con otro tutorial relacionado con el script Java avanzado. En este tutorial, vamos a aprender la función de flecha. Esta característica se introduce en JavaScript, e seis versión. No es una función nueva. Es la versión mejorada de crear una función. Ahora, veamos cómo podemos crear una función antes de la función de flecha. Primero, necesitamos escribir la función Q, luego tenemos que escribir un nombre de función. Entonces necesitamos tomar pasto redondo y dentro de los calibrados, podemos pasar nuestro código Como puedes ver, en nuestro registro de consultas, hemos pintado a una edad. Este código no va a funcionar solo. Hasta que llamemos a la función, y para llamar a la función, solo necesitamos pasar el nombre de la función. Algo así. De la misma manera, podemos crear una función así. Primero declaramos una variable tarde en nuestro nombre de caso igual a función. Entonces dentro de las calibraciones, podemos pasar nuestro polo. Este es el método antiguo que podemos crear funciones, y sé que ya estás familiarizado con eso. Este tipo de función usamos antes de la versión e six. Pero después de la versión seis, Java tira introducir la función de flecha, y va a reducir la sintaxis de la función. Primero, necesitamos declarar una variable para la función. En nuestro nombre de caso. Entonces no necesitamos atar la función QR para crear la función de flecha, solo para pasar ases redondos. Entonces necesitamos usar arrowse, y para crear arrowsine, necesitamos pasar z a seno y mayor que seno Entonces necesitamos teclear consola dot law. Me refiero a nuestro código. Ahora puedes ver que nuestra función se vuelve tan compacta. Debido a la función de flecha. Convertimos todo el código en una línea. Solo para usar tirantes redondos y flecha sinusoidal. Para llamar a esta función, solo para seguir nuestro método antiguo, solo para pasar el nombre de la función y las llaves redondas Pero si tienes múltiples líneas de código, en ese caso, también puedes usar calices Este tipo de función de flecha es muy útil para reas, asentimientos, de lo contrario, js angulares Todo el marco Javascrip moderno sigue la función de flecha. Sin perder el tiempo, comencemos la práctica y veamos el ejemplo de las funciones de flecha. Como puedes ver, lado a lado, abro mis silbatos a tu código o y mi navegador usando la extensión Lip Server, y ya creo un documento STL nombre índice punto Vamos a crear una función de flecha. Para crear una función de flecha, primero, necesitamos declarar una variable. Tarde, y nuestro me variable es bienvenido. Igual a que establecí las carreras redondas y bienvenido es nuestro nombre de función. Quiero pasar un parámetro a nuestra función, como parámetro, voy a tomar nombre, y luego necesitamos usar el operador de flecha para crear la función de flecha. Igual a mayor que seno. Después en set el elenco regresa, regresa También, voy a usar back techs Ya aprendimos sobre back techs en nuestro tutorial anterior Quiero escribir, hola y bienvenido. Entonces voy a pasar signo de dólar. Dentro de los casos, voy a pasar el nombre del parámetro, y subcu dos n esta línea Esta es una función de flecha muy simple y básica. Ahora quiero llamar a esta función de flecha. Para llamar a esta función de flecha, voy a escribir documento punto justo dentro de la ronda ress voy a llamar a la función. Bienvenida. Entonces dentro de la ronda ss, tendremos que pasar el argumento. Como argumento, bueno para pasar el nombre. Entonces para escribir a un Mang. Y semi para terminar esta línea. Tenemos que pasar Advent Mang es un d código doble porque es una cadena Después paso este archivo, como puedes ver en mi navegador, es pintura, hola y bienvenido a una meg. Así es como podemos crear la función de flecha. Primero, necesitamos asignar un nombre de variable para la función, luego dentro de la prensa redonda. Si quieres pasar algún parámetro sí, puedes, de lo contrario, puedes saltarlo. Entonces necesitas usar operador de flecha igual a mayor que seno. Entonces dentro del calss, puedes pasar. Aquí usamos el método tentar cadena para crear esta cadena, y si devuelvo el tipo de esta variable, va a devolver la función. Deja que te lo demuestre. Entonces para atar consola, dot log dentro de la ronda ses hemo pass error tipográfico Escriba y la variable ms, bienvenido. Y Semgal dos en esta línea. Si lo guardo, como pueden ver, en mi cashle se imprime, es una función Ahora voy a reducir el tamaño de esta función de flecha. Voy a hacer que sea un trazador de líneas. Al principio, voy a quitar los brackets c. Y luego también voy a quitar escrito. Sí, podemos eliminar ke escrito, si usamos un forro. Si usamos solo un parámetro en nuestra función, en ese caso, también podemos reducir las llaves redondas Si configuramos este archivo, como puede ver, está escrito el mismo resultado. No hay cambios. Recuerda, esta técnica solo funciona si usamos un forro. Esto es para este tutorial. En el siguiente tutorial, vamos a aprender operador de descanso. Gracias por ver este video, declaras. 5. Tutorial de operador de descanso: Hola chicos bueno verte de vuelta. Este es el otro tutorial relacionado con la tira Java adversa. En este tutorial, vamos a aprender operador de descanso. Operador de descanso introducido en Java script es seis versión. Antes de entender operador de descanso, necesitamos entender la función con múltiples argu Ser operador de descanso introducido para resolver el problema relacionado con argu Déjame mostrarte el problema. Supongamos que H creamos una función de nombres, y va a servir a numérico v. Entonces voy a imprimir este valor en mi consola. Siempre que llamo a esta función como parámetro, necesitamos pasar el valor total dos. En nuestro caso, 2030. Esta función va a funcionar perfectamente. Pero, ¿qué? Si pasamos total de tres parámetros, lo contrario, cuatro parámetros. Si pasamos más de dos valores, entonces esta función no va a realizar este cálculo, va a arrojar un error porque creamos esta función para sumar sólo dos números. Antes de la versión seis, Java paso ya proporcionan una solución, donde necesitamos crear una función. Entonces necesitamos usar una función in, que es argumentos, y necesitamos usarla con 44 en argumento. Esta función argumento va a crear objeto. Si pasamos el valor total de dos, entonces el uso de dos valores se va a crear un objeto, manera similar para tres y de manera similar para el valor de cuatro. Como saben, para imprimir el objeto, necesitamos usar bucle foráneo. Pero en nuestro caso, quiero devolver este valor de suma de estos cuatro argumentos. Para eso, aquí necesito declarar una variable. Tarde S como cero. Como ustedes saben, nuestro foráneo lo va a correr por cada valor de argumento objeto. Si pasamos tres valor, entonces esto va a correr por tres veces. Para ello, cada vez que necesitamos agregar nuevo valor al algún valor. S más igual a los argumentos y establecer el proceso cuadrado, tenemos que pasar el número de índice de este objeto. Entonces, por fin, necesitamos imprimir el valor de la suma. Sé que ya estás familiarizado con este proceso. Este es el método más antiguo que podemos lograr el resultado. Esta función va a funcionar perfectamente. Pero, ¿qué? Si pasamos algún valor de cadena en nuestro argumento, supongamos que paso un valor de cadena en nuestro primer parámetro. Pero nuestros otros dos valores es neweric v. Esta vez, quiero agregar este valor dos, pero quiero dejar nuestra cadena v. Como saben, no podemos sumar valor de cadena con valor numérico De la misma manera, si pasamos otros valores múltiples. En ese caso, esta función no va a funcionar correctamente para resolver este tipo de problemas, seis versiones introducen operador resto. En el operador rest, movemos valor no utilizado en otra variable, y el valor rest excepto esta, lo almacenamos en otra variable, y hacemos de esta variable una matriz, algo así. Aquí se puede ver en alguna función, tomamos un total de dos parámetros. Nuestro primer parámetro es el nombre. Va a almacenar el primer valor de cadena en esta variable. Entonces se puede ver un total de tres dos. Tres puntos significan operador de reposo. ¿Cómo tomamos una variable, rs, y tú puedes tomar cualquier variable Es una PU, rs significan argumentos. Me refiero al resto de los argumentos, excepto el primero. Excepto primero, va a almacenar todo el valor en este argumento, y este r se convertirá en un anuncio, y este proceso se llama operador de descanso. Ahora necesitamos ejecutar lou foráneos sólo para este argumento. Me refiero a esto ary, algo así. H nosotros en una fue para tarde en RNs. Es decir todo el ítem en esta ara. Si queremos resumir este argumento, tenemos que seguir el mismo proceso. Primero, necesitamos declarar una variable. Suma tardía, asignarle cero. Entonces suma más igual a RTS dentro del proceso cuadrado, necesitamos pasar el número de índice Después a continuación, podemos imprimir este valor en nuestro documento de otra manera. Si queremos usar el nombre, sí, podemos. Podemos usar el nombre. De lo contrario, podemos imprimir el nombre de manera diferente. Con el valor de suma, quiero imprimir en el nombre. Para eso, llame al tronco dentro del rebaje redondo, podemos usar esta variable. Entonces, ahora entiendes el problema. Por qué utilizamos operador de descanso. Sin perder el tiempo, comencemos la práctica y aprendamos en detalle. Como pueden ver lado a lado, abro mi lector de códigos visa studio y mi navegador usando la extensión Live Server, y ya creé un punto de índice de nombre de documento estimado, ATML Al principio, dentro de la etiqueta script, voy a crear una función. Para eso, necesitamos usar función curada. Función, y nuestro nombre de función es sum. Después las carreras redondas. Después dentro de lo craso. Por ahora, voy a dejarlo en blanco. Entonces afuera del carass, quiero llamar a esta función Quiero escribir algunos. Después dentro de las carreras redondas, aquí voy a pasar un total de tres brazos. Estos son todos los valores numéricos, 20 y 40. De nuevo, voy a duplicar esta línea, y esta vez, voy a pasar un total de cuatro argumen Fi. Ahora decido que quiero pasar un valor de cadena como R. Aquí voy a escribir un nombre, un valor de cadena, y el valor de cadena es agregar una Melena Dentro del código doble, voy a escribir agregar una g. De la misma manera, quiero agregar un valor de cadena aquí, y aquí voy a pasar un nombre y el nombre es Paso Sm. Y voy a poner este archivo. Ahora quiero almacenar el primer argumento en una variable diferente y resto del argumento en una variable diferente. Para eso, necesitamos usar operador de descanso. Para el nombre, voy a crear una variable y la variable es nombre. Entonces necesitamos usar operador de descanso. Como te dije que usaras operador rest, necesitamos usar tres D. Me refiero al operador rest, y para el resto del argumento, voy a tomar una variable me, y la variable es total. Esta pirámide de nombres van a almacenar el primer argumento. Para el resto de los argumentos numéricos, voy a usar la variable total. Es una matriz. Ahora, en nuestra función, con el nombre del alumno, quiero imprimir su total. Primero, voy a calcular el total. Para calcular el total, necesitamos declarar una variable. Ponlo, y nuestro nombre de variable es sum. Suma como con cero. Voy a hacer confundir la variable cojera con función Por eso voy a usar un en capital. Suma tardía igual a cero. Entonces voy a usar niebla en bucle. Para dentro del latón redondo, tarde yo en total. Este cuatro bajo va a correr en total tres veces, porque hey pasan valor total de tres en total variable. De igual manera la próxima vez, va a correr por cuatro veces, porque Herr pasa valor total de cuatro. Después puso los cuatro, voy a incrementar el valor de la suma Entonces voy a escribir suma más igual a total establecer la res cuadrada y sellar a esta línea. Se va a devolver el total, y ahora quiero imprimir el nombre del alumno con el total. Para eso, documento tipo hemo punto justo dentro del receso redondo, voy a usar tés traseros Aquí voy a usar, escriba el método string. Después dentro de los tés traseros, voy a teclear el total de signo de dólar Crass, voy a pasar este nombre de estudiante N. Yo llamo a la variable nombre. E es. De nuevo, voy a usar signo de dólar, y dentro de las rasas de Cali, esta vez, voy a llamar al total, significa S, y Segal dos en esta línea Aquí pasamos el nombre, que pasan como argumento. Ahora bien, si configuro este archivo, como pueden ver en mi navegador, está en el resultado. Pero aquí necesitamos usar una etiqueta BA. Voy a usar signo de concatenación y dentro del doble, voy a usar etiqueta BA Si vuelvo a configurar este archivo, se puede ver el resultado. El anuncio total M es 90, y el escalón total Smith es 140. Si quieres pasar otro argumento de cadena en esta función, sí, puedes. Se pueden pasar múltiples argumentos. Se trata de una PU. Hm usar coma y entre el Jamón para pasar su nombre universitario. Av es de AIT, y Smith es pro IT. Ahora necesitamos almacenar tanto el argumento en una variable diferente. Para Advan Mang, voy a guardarlo en una variable de nombre, y para el MIT, voy a guardarlo en una variable universitaria D. Decidí que quiero imprimir su nombre universitario con total. Su tipo, el total de Advang es después imprimir el espacio tipo Hal de nuevo, voy a usar Dollar stile dentro de la universidad de Cali Si configuro este archivo, puedes ver el resultado. El número total del anuncio uno es 19 de MI. Ahora está claro para usted, cuál es el uso del operador de descanso y cómo es el trabajo. Ahora la pregunta es, ¿el agua es materia en operador de descanso? Sí, es materia. Si cambiamos el agua del operador de descanso, déjame mostrarte, así corté, y voy a usar operador de descanso como primer parámetro. Si configuro este archivo, como pueden ver en mi consola, va a escribir una sintaxis O, Uncut El parámetro de descanso debe ser el último parámetro formal. No podemos usar operador de descanso en la posición de inicio. Necesito colocarlo en la última posición del parámetro. Entonces necesita funcionar perfectamente. De lo contrario, no va a funcionar. Entonces esto es todo para este tutorial. En el siguiente tutorial, vamos a aprender operador de pulverización. Gracias por ver este video, estado melodía para el siguiente tutorial. 6. Tutorial de operador de propagación: Hola, chicos. Es bueno verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el sueño avanzado de Java. En este juicio, vamos a aprender operador de spread. En nuestros tutoriales anteriores, aprenderemos sobre operador de descanso. Este tema es bastante similar con operador de descanso. En este ejemplo, aprendemos cómo podemos enviar valor de cadena con eso. Además, podemos establecer el valor numérico y realizar el cálculo. En operador de descanso, pasamos múltiples valores numéricos. Rest operador básicamente convertir este valor en una matriz. Ahora bien, esta situación es diferente. Ahora bien, no pasamos el valor numérico como argumento. Lo almacenamos en una matriz, y ahora decido que quiero pasar esta matriz como argumento. No los números, algo así. Primero, quiero pasar el valor de cadena, luego quiero pasar la matriz. Pero si envío este valor numérico como una matriz, entonces en nuestro caso, estas Rs no van a realizar el cálculo porque operador resto siempre esperamos que vamos a pasar múltiples argumentos. Pero pasamos una r. Y dice argumento único. Un varier. Pero es el valor de la matriz de historias. Ahora, nuestro s va a asumir que todo el valor como un solo valor. Para resolver este problema, Javascript introducir operador de pulverización. Ahora bien, cómo w, cada vez que llamamos a la función y pasamos el valor de la matriz como argumento, necesitamos usar tres seno antes del nombre de la matriz. En nuestro caso, hacer array. Básicamente, este operador de propagación va a rociar esta matriz. Y luego pasa todo el valor como argumento. Entonces nuestro operador de descanso maneja todos los argumentos, y lo convierte en una matriz nuevamente. Este es el uso básico del operador de pulverización. Básicamente, se extendió la matriz y convertir el valor de la matriz en un argumento múltiple. Sólo una cosa que debes recordar. Siempre que llamamos a una función y pasamos un valor de matriz y antes del rave usamos tres seno, lo llamamos operador de pulverización El operador de pulverización solo se usa cuando llamamos a la función, y el operador de descanso solo se usa cuando creamos la función. Esta es la diferencia básica entre operador de reposo y el operador de pulverización, y hay mucho uso del operador de pulverización. Vamos a aprenderlo en sesión práctica. Sin perder el tiempo, comencemos la práctica. Como pueden ver, lado a lado, abro mi editor de código de Visual Studio y mi navegador usando la extensión life Server, y abro mi documento estable anterior. En nuestro tutorial anterior, aprenderemos operador de descanso. Como puede ver, cada vez que llamamos a la función, necesitamos pasar múltiples argumentos numéricos para calcular el valor de la suma. Ahora decido que quiero iniciar el valor numérico en un área. Para eso, voy a crear una variable. Tarde y nuestra variable m es número. Un nuevo m igual a dentro del proceso cuadrado, voy a pasar el valor. Algunos cortaron el valor y lo voy a pegar aquí. Ahora la variable número se convierte en una matriz. Ahora, decido que quiero enviar esta matriz como argumento. Algunos teclean la cal variable. Ahora, y voy a configurar este archivo. Después de paso este archivo, como puedes ver en mi Bowser, no es trabajo Imprime la matriz exacta como una cadena. No realiza ningún cálculo. Ahora voy a usar el operador spread para difundir el vdu y enviar como argumento Para eso, como te dije, necesitamos usar punto antes de la variable me. Si paso este archivo, esta vez se puede ver el total de adv Minas 90 del MIT Ahora es un trabajo perfecto. Este es uno de los mejores usos del operador estatal. Déjame mostrarte otro ejemplo con consola. Para eso, voy a comentar toda esta línea. Además, voy a quitar esta. Ahora, quiero imprimir esta matriz en mi consola. Entonces voy a escribir consola dot log dentro del proceso redondo o variable m se adormece, y semicon dos en esta línea Después de paso este archivo, como puedes ver en mi consola, es una matriz, y tiene total tres, significa total tres v. 20, 30, y 40. Pero si utilizo operador spread, y luego configuro este archivo. Ahora puedes ver que ya no es una matriz. Todos estos son valores diferentes. Pero si utilizo base cuadrada, fuera de la variable, y luego configuro de nuevo este archivo. Ahora puedes volver a ver, se convierte en n. Déjame mostrarte otro ejemplo. Ahora bien, este es el número uno. La variable número uno es una matriz. Entonces quiero escoger en esta línea, y esto es el número dos, y el número dos ait número uno variable, número uno Si pinto num dos en mi consola, y este conjunto de este archivo, como se puede ver, es el array. Básicamente, clono el número uno y la guardo variable número dos. Ahora quiero agregar otro valor en nuestro array uno, significa número uno. Voy a escribir num una función p. Empuja dentro de la ronda ss, voy a pasar 50. Y sem dos en esta línea. Después de establecer este archivo, como puede ver, en nuestro consol, se suman 50 en nuestro num a variable Debido a que la variable num dos es clo up num una matriz. Ahora en el número dos, voy a extender los valores de la matriz. Aquí, voy a usar tres d. también, voy a moverlo en un cuadrado ss. Y voy a poner este archivo. Esta vez, se puede ver que no empuje 50 en num dos variable. Después de usar el operador de pulverización, primera vez que hace una copia, pero no es t la variable num one. Por eso esta vez, 50 no es pusting este error uno También, usando operador de pulverización, podemos hormigón errar Déjenme mostrar el ejemplo. Primero, voy a quitar esta línea y voy a hacerla número dos, otra arr W va a almacenar 50, 6078. Esto va a almacenar total cuatro a, y esto va a almacenar total tres w Ahora voy a crear otra variable. Ponlo, y nuestra variable m es num tres. Núm tres, igual a establecer el proceso cuadrado, aquí voy a usar operador spate Quiero concatenar tanto los ars. Utilice el operador sp. Entonces escribe punto punto punto num uno. C, quiero concatenar con num dos, entonces escriba punto num Y suma dos en esta línea. Si imprimo num tres en nuestra consola, y luego configuro este archivo, como puedes ver en mi consola, concatena con éxito nuestra matriz Aquí no necesitamos usar la función concatenar para concatenar tanto la matriz. Podemos concatenar usando operador de pulverización. No sólo eso, si quieres agregar más valor en esta matriz, sí, puedes. Solo necesitas usar coma y antes del coma, necesitas pasar el v. Quiero iniciar esta matriz 100 y esta matriz con una cadena. Puse los núcleos dobles para que pasen en uno. Y voy a poner este archivo. Después de paso este archivo, se puede ver que. Así es como podemos usar el operador spread para la concatenación. No sólo eso, operador spread también trabaja con objetos. Déjame mostrarte. Voy a comentar todo esto. Aquí voy a crear un objeto. Nuestro primer nombre de objeto es OBJ, 01, 01 igual para establecer las calibraciones Aquí necesitamos usar jugador de valor clave. Nuestra clave es el nombre. Nombre Colon colon a un Mg. Agrega una meg. Entonces voy a crear nuestro segundo objeto. Voy a crear este objeto, y O segundo nombre de objeto es OG dos, y aquí voy a usar otro k, que es H 23, y Así n esta línea. Voy a establecer este archivo. Ahora voy a marchar este objeto dos usando el operador sp. Voy a crear otro vari, ese OBJ tres, OG tres igual a insertar el cis es y aquí voy a usar spray operador para marchar OBJ OBJ uno, y quiero concat en ello con OG dos. De nuevo, voy a rociar operador, OBJ dos. Y Semco en esta línea. Ahora, si imprimo O V tres en mi consola, déjame mostrarte y luego establecer este archivo, como puedes ver en mi consola, ahora estos dos objetos crean un objeto fingle En nuestro objeto tres, tenemos propiedad y. Así es como podemos utilizar el operador de pulverización. Espero que ahora esté claro para usted, cuál es el uso del operador de pulverización. Gracias por ver este video, melodía S para el siguiente tutorial. 7. Tutorial de literales de objetos: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con otro Tutorial relacionado con la pantalla Java avanzada. En este tutorial, vamos a aprender literales de objetos. Si estás familiarizado con el script Java básico, entonces ya tienes conocimiento sobre los objetos. Ahora, Java script introducir algunos atajos en seis versiones, que como podemos mejorar nuestros objetos. Básicamente, es reducir la sintaxis del objeto en seis versiones. Básicamente, te voy a dar un total de cinco y cuatro ejemplos cómo podemos usar objetos en seis versión. Déjame mostrarte el primer ejemplo. Supongamos que tenemos un nombre de variable, y esta variable va a almacenar una cadena v en nuestro add one Mg, y ahora voy a usar esta variable en nuestro objeto. Como un valor. Aquí creo un objeto y dentro de la clase, tomo una propiedad que es nombre, y como valor, llamo a la variable name. Este es el método más antiguo para crear un objeto. Ahora el atajo es, si tu nombre de variable y nombre de propiedad es el mismo, entonces simplemente necesitas crear un objeto y solo una vez, necesitas tomar nombre de propiedad. En nuestro caso, nombre. Aquí uso el nombre de la propiedad una vez porque nuestro nombre de propiedad y valor es el mismo. Déjame mostrarte la práctica cómo podemos usarla real mentira. Como pueden ver, lado a lado, abro mi editor de código de estudio de usuario y mi navegador usando la extensión de servidor ligero, y ya creé un punto de índice de nombre de documento estable en. Al principio, voy a crear dos variables. Tarde, y nuestro nombre de variable es nombre. Nombre Asignar, y voy a pasar una cuerda wel, que es agregar una Mm. Entonces vamos a terminar esta línea. Entonces voy a tomar otra variable, y nuestro nombre de variable es curso. Curso igual a B A. Significa licenciatura de r, y ahora voy a crear un objeto usando estas dos variables. Para eso, voy a escribir que nuestro nombre de objeto es B. Asignar con dentro de los calibraces, se nombra nuestro primer nombre de propiedad Colon y asigna variable de nombre. Después de eso, nuestra segunda propiedad es cos, cos, y por valor, voy a asignar s variable. Ahora voy a traer este objeto mi consola, así que escribe console. Dot log dentro de las rondas, voy a pasar el nombre del objeto B j, y sug dos en esta línea Después de sep este archivo, como se puede ver mi consola imprimir nombre y curso. Ahora voy a usar el atajo. Eso se introduce en Java Set A six version. Como te dije, si su nombre de propiedad y nombre de valor es el mismo, entonces podemos pasar solo el nombre de la propiedad. De igual manera, voy a utilizar este valor de los cursos. Después de paso este archivo, como puedes ver mi consola, no hay cambios. Es un trabajo perfecto. Detrás de escena, se va a crear una propiedad name, también asignar variable name como v. Este es el primer ejemplo de literales de objeto Ahora les voy a mostrar otro ejemplo que está relacionado con los literales de objeto Pero primero, voy a comentar toda esta sección, y después voy a escribir algunos códigos frescos. Para el siguiente ejemplo, primero, voy a crear una variable. Ponlo, y nuestro nombre de variable es n assu double es string, y string names name Seg dos en esta línea. Entonces, voy a crear un objeto, y nuestro nombre de objeto es OBJ OB es que el cass que estoy para crear una propiedad usando esta variable Quiero decir nombre. Para eso, no voy a escribir esta cadena. Aquí voy a llamar a la variable. Para usarlo, necesitamos usar cuadrado ***. Isa cuadrado ss, voy a pasar el nombre de la variable, que es K. Además, voy a asignar un valor. Voy a usar colon. Colón. Después de dos puntos, voy a escribir, o el valor está en una M. Coma, también, voy a tomar otra propiedad y valor. Nuestra siguiente propiedad es por supuesto. Curso colon es en el doble curso, y nuestro nombre del curso es B A. Esta característica se introduce en la versión ES six. Antes de la versión E six, no podemos hacer eso. Después de configurar este archivo, como puedes ver mi consola, ciertamente es el mismo resultado. No sólo eso, también se puede realizar cálculo aritmético con esta propiedad Supongamos que ahora quiero cambiar el nombre de la propiedad. Quiero ponerle el nombre del alumno. Para eso, podemos usar el letrero Cctation. Déjame mostrarte. Aquí quiero usar el signo Cctation antes del nombre de la variable Dentro de los códigos dobles, voy a aprobar estudiante. Si configuro este archivo, como puedes ver en mi consola, ahora es el nombre del alumno impreso. Realizamos exitosamente el cálculo aritmético con el nombre de nuestra propiedad Esto solo es posible después de la versión. Ahora, también si quieres existir solo nombre de estudiante propiedad, sí, puedes. Solo hace falta pasar punto OBJ de aquí, elimino los espacios Suma tipo estudiante, Nombre. Si configuro este archivo, puedes ver el resultado. Como pueden ver mi consola, directamente imprimir agregar una M. Este es el segundo ejemplo de litros objeto. Ahora les voy a mostrar el tercer ejemplo de litros objeto. Pero antes voy a comentar esta sección, y luego voy a paginar el mismo ejemplar de mi otra sección. Aquí, después del coma, voy a crear una función. Definir una función, voy a usar un nombre de propiedad, y nuestro nombre de propiedad es detalle. Detalle dos puntos, luego Aram para crear una función. Para eso usamos la palabra clave function. Función round ss, luego dentro del ciss solo voy a devolver un valor de cadena Regreso, entonces voy a usar murciélagos porque vamos a usar el método t string, y el tipo Aramao se inscribió en nombre Se inscribió en entonces voy a usar signo de dólar. Después dentro del css, voy a pasar el nombre del curso. Entonces para llamar a esta variable. C. Como puede ver, estos núcleos muy bien provienen de la propiedad del objeto, no de ninguna otra variable en particular. Para eso, necesitamos usar esta palabra clave porque creamos esta función dentro de este objeto en particular. Entonces para escribir este punto cos. Y si imprimo por objeto detalle punto también necesito pasar tirantes redondos Y el conjunto de este archivo. Ahora puedes verlo imprimir, varilla en B. Este es el método más antiguo que podemos crear función en objetos. En una versión seis, podemos reducir la función. Podemos eliminar la tecla de función. Además, no necesitamos este seno de colon. También podemos retirarlo. Si configuro este archivo, como pueden ver en mi Csol, no hay cambios Esto es para este tutorial. En el siguiente tutorial, vamos a aprender sobre esta matriz de estructuración. Gracias por ver este video, declaras. 8. Tutorial de matrices de desestructuración: Oigan, chicos, es bueno volver a verles. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java adverso. En este tal, vamos a aprender esta matriz estructurante. Esta matriz estructurante introducida en Java script, versión seis. Fore A six version, a veces necesitamos asignar valor ra en una variable diferente, y es un proceso muy largo. Déjame mostrarte cómo. Supongamos que tenemos una variable m usuario, y en esta variable prod, dos valor es una matriz, name y H. Ahora quiero asignar tanto el valor en variable diferente. Para eso, necesitamos asignar una variable en nuestro nombre de caso, entonces necesitamos llamar a la matriz. Dentro del hueco cuadrado, necesitamos pasar el número de índice de matriz. Por nombre, paso cero. De igual manera, para H, necesitamos pasar uno. Como saben, nuestra matriz comienza con índice cero. Pero, ¿qué? Si tenemos múltiples valores en nuestra matriz, supongamos que tenemos 100 valores en esta matriz. Entonces necesitamos escribir múltiples líneas para manejarlo. Para reducir esta gran parte de la corte, Java script introducir matriz destructurante Ahora podemos asignar el valor en nuestra variable así. Aquí, no necesitamos pasar ningún número de índice, necesitamos pasar el nombre de la variable. Entonces tenemos que asignarlo con la matriz. En nuestro caso, usuario. Entonces automáticamente, según el número de serie variable, va a asignar el valor a esta variable. Supongamos que este primer valor se asigna con la primera variable. De igual manera, el segundo valor asigna con la segunda variable. Así que no necesitamos escribir múltiples líneas de código para eso. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usar. Como pueden ver, lado a lado, abro mi código de Visual Studio y mi navegador usando la extensión Live Server, y ya creé un documento STL nombre índice punto HTML Entonces primero, voy a crear un ar. W va a almacenar el valor total de tres? Entonces para escribir Late y nuestro Nm es usuario. Usuario AN insertar el cuadrado ss, necesitamos pasar el valor total de tres para nuestra R. Nuestro primer valor es el nombre de usuario, que es agregar un MM. Y nuestro segundo valor es H, que es 25, y nuestro tercer valor es Ciudad, y él es de il Entonces sug para terminar esta línea. Ahora, voy a usar este método de estructuración para asignar el valor de matriz en una variable. Para eso, necesitamos escribir tarde, luego nuestra matriz. Voy a proporcionar el nombre de la variable. O primera variable es nombre. O segunda variable es H, y nuestra tercera variable es establecer. Y esta matriz, como usuario, y Smog en esta línea Ahora quiero imprimir nombre y un valor c en nuestra consola. Sí, podemos. Así que para escribir consola punto log dentro de la ronda presione nuestra primera variable me es, Nombre. Después semicon dos en esta línea. Entonces voy a replicar esta línea total dos. Nuestro segundo nombre de valor es H, y nuestro nombre de tercer valor es C. Si configuro este archivo, como ustedes ven mi consola, imprimió el nombre H y City. Pero, ¿qué? Si elimino un valor de este ay, supongamos que voy a eliminar el valor de la ciudad Del. Y el conjunto de este archivo. En nuestro caso, se va a retener indefinido. De la misma manera, si elimino el segundo valor, entonces qué. Voy a quitar el valor de 25 años, y establecer este archivo. Después de establecer este archivo, como se puede ver, también se imprime indefinido. No sólo eso, si queremos establecer algún valor difat a esto muy, sí, se puede Supongamos que nuestro requisito de edad mínima es de 20 algunos para pasar 20, y voy a quitar 25 del. Si configuro este archivo, ahora puedes ver en mi consola, H es 20. Pero si paso 25 en nuestra matriz y luego configuro este archivo, ahora convierto en 25. Así es como podemos usar valores diferentes. Recuerde, este proceso no sólo funciona con arreglo simple. También se trabaja con y anidada. Vamos a crear una matriz anidada en esta variable Después del nombre de la ciudad, voy a usar coma, y de nuevo, voy a usar bases cuadradas. Dentro de las bases cuadradas, voy a tomar género género masculino. Con eso, también, me voy a llevar Apio $1. la misma manera, si quieres almacenarlo en una variable, en ese caso, procoma, nuevamente, necesitas usar ses cuadrados, y la primera variable m es Z. Y la segunda variable m es s. Si quieres imprimirla en tu consola, justo aquí, necesitas pasar el nombre de la variable Supongamos que quiero imprimir este apio. Quiero pasar el nombre de la variable. Después de configurar este archivo, como puedes ver en una consola, es imprimir 1,000. Esta matriz estructurante es una característica muy especial en Javas No sólo eso, también, puedes usar operador de descanso con eso. Déjame mostrarte cómo Som duplicar esta línea y comentar la anterior. Voy a quitar H, City y sueldo ender, y luego él voy a usar el operador de residuos punto punto g Entonces quiero imprimir g en mi consola. Voy a comentar esta línea y m tipo consola punto log gs. Y también comente esta línea anterior. Son paso este archivo, como se puede ver, ahora es impresión, resto de los valores de la matriz, H CT, y otra matriz. Si abro esta matriz, se puede ver el endl y el apio. Ahora les voy a mostrar cómo podemos usar destructuring array con función Pero antes, voy a comentar toda esta línea. Entonces primero, voy a crear una función. Función y nuestro nombre de función es usuario. Luego dentro de la resis redonda, esta función va a tomar array como argumento. Entonces en cambio la resis cuadrada, voy a pasar nombre, Él, y estrella. Después dentro del calor ses, voy a imprimir el valor en mi documento. Estoy tipo document dot justo dentro de la ejecución ss, voy a escribir name No, voy a usar el método de cadena de plantilla. No voy a usar ningún signo de congregación. Es la espalda toma. Dólar dentro de los calibrados Nombre Con eso, también quiero imprimir edad. Dólar dentro de la edad de los calibrados. Con eso, también quiero imprimir apio. Dólar, dentro del apio Clrass, y seg dos en Usando este método de estructuración, podemos pasar la matriz como argumento. Déjame mostrarte cómo. Simplemente, necesitas llamar a la función de usuario. Usuario. También, es que el cuadrado sis, tenemos que pasar los valores. Por nombre, voy a escribir agregar un medio, agregar uno. Para H, voy a pasar 25, y por sueldo, también quiero pasar mil mil y Semar dos en esta línea Si pongo este archivo, como pueden ver en mis cejas p a 1:25 y 1,000 Este es el único método que podemos usar esta matriz de estructuración. Pero, ¿qué? Si elimino el parámetro, déjame mostrarte. Voy a eliminar este parámetro. No voy a vender ningún parámetro. Voy a comentar de esta línea y mo tipo QR escrito. Regreso. Un retorno, voy a pasar esos valores directamente a esta función. Voy a cortar esta porción y la voy a pegar aquí y subcortar esta línea Nuestra función de usuario básicamente va a volver a estos valores. Ahora la pregunta está en nuestra función, no pasamos ningún parámetro. No podemos enviar ningún argumento a esta función. Entonces, ¿cómo podemos asignar este valor en una variable de nombre? Sí, podemos. Déjame mostrarte cómo Aquí, voy a atar tarde dentro de la plaza ss, voy a tomar las variables nombre. O la primera variable es nombre, o la segunda variable es H. La tercera variable es apio, y voy a asignar esta matriz con función de usuario Usuario. Eso es. Ahora bien, si quiero imprimir esta R sin llamar a la función, sí, podemos porque aquí asignamos la función a esta variable. Voy a escribir documento punto justo dentro del receso redondo, quiero imprimir nombre, y Segra para terminar esta línea Si configuro este archivo, como puedes ver en mi navegador, solo imprime el nombre, agrega uno. Así es como podemos usar detructuring array con funciones. Gracias por ver este video, Sune por nuestro próximo tutorial 9. Desestructuración de objetos en javascript: Adar, hola chicos, me alegro de verte de vuelta. Una vez más, estoy de vuelta con otro tutorial relacionado con Java avanzado. En este tutorial, vamos a aprender este objeto estructurante. En nuestro tutorial anterior, aprenderemos sobre esta matriz de estructuración. También aprendemos cómo podemos almacenar valores de matriz en diferentes variables. De la misma manera, este objeto estructurante funciona. Como se puede decir, creamos un objeto, y en este objeto, tenemos un total de dos propiedades y dos de valor, Na y edad. Ahora quiero establecer este valor en una variable. Similar a A, también, podemos asignar variable a esto varía. Algo así. Usando este método, podemos desestructurar este objeto. En primer lugar, es necesario escribir tarde. Entonces dentro del auto ss, es necesario pasar el nombre de la variable. Recuerde, nuestro nombre de variable debe coincidir con el nombre de la propiedad. Entonces necesitamos asignar esta variable a este objeto. Entonces va a asignar el valor name a esta variable name y el valor e a esta variable ge. Sin descansar tu tiempo, vamos a empezar práctico. Como pueden ver, lado a lado, abro mi editor de código de estudio de resultados y mi navegador usando la extensión Live Server, y ya creé un estim document name index dot t. también, puedes ver en nuestra etiqueta script, ya creamos un objeto, usuario tardío En este objeto, tenemos total tres propiedad y valor, nombre, H y país. Ahora voy a iniciar este valor en una variable. Para eso, voy a usar método de desestructuración, tipo de sonido tarde y dentro del color ss, nuestra primera variable ms name, y nuestra segunda variable m es H, y nuestra tercera variable m es country Entonces voy a asignarle un objeto, y nuestro nombre de objeto es usuario, y Segal dos en esta línea Ahora quiero imprimir esta variable en mi navegador. Aquí voy a escribir documento punto justo dentro del receso redondo, voy a pasar el nombre de la variable, que es cot. Y sg para terminar esta línea. Si configuro este archivo, como pueden ver en mi navegador, strin nombre de país, que es la India Pero si elimino esta variable país y luego configuro este archivo, ahora va a devolver una flecha. Pero si recuerdas, cuando usas el método de estructuración con A, no se escribe una flecha. Hay sN indefinido. Pero para los objetos, eso va a devolver un error. Si no asignamos ningún nombre de variable, y si usamos la variable, entonces va a devolver un error. No sólo eso, también podemos tomar como nombre para esta variable. Déjame mostrarte cómo. Supongamos por nombre, quiero usar una forma corta, que es n. Para eso, necesitamos usar dos puntos y voy a usar n para nombre. Si queremos imprimir el nombre son de este objeto, entonces podemos usar el nombre de Ai. Aquí yo para escribir el remend derecho n. Si configuro este archivo, se puede ver el resultado También se imprime anuncio uno M aquí n representan la variable nombre. Esto es para este tutorial. Gracias por ver este video, Ste sintonice para el siguiente Tutorial. Espero que 10. Introducción: Esta es la introducción de la programación orientada a objetos en JavaScript. Se conocía como Op, Op significa programación orientada a objetos, y se introdujo en e seis versión de JavaScript. La programación orientada a objetos es una metología de codificación o un estilo o un patrón Se introduce para convertir nuestra gran línea de código en una línea de código más pequeña. Con esto, podemos hacer que nuestro código más modular y reutilizable. Que podamos usar ese código una y otra vez. Hace que nuestro código esté bien organizado, y eso es hacer que nuestro código sea muy fácil de depurar. Debug significa si hay un error en nuestro código. Y el método, la captura del error se llama debug. Básicamente, no utilizamos programación orientada a objetos para tareas pequeñas. Se utiliza para proyectos grandes y complejos. Actualmente está utilizando varios framer Javascript como un Jase angular Jase Voyages, y todos estos se basan en Si quieres entender la programación orientada a objetos, Primero, necesitas entender dos términos. El primero es la clase, y el segundo es el objeto. Si entiendes estos dos conceptos, entonces entiendes 50% programa de objetos orted, y el concepto utilizado en cada lenguaje de programación de alto nivel Al principio, tratemos de entender qué es la clase y los objetos. Intentemos explicarlo con imágenes gráficas. Supongamos que tenemos un plano de un edificio, y un constructor construyó casas con este plano Según el plano, cada edificio que hace el constructor es similar Todos los diseños de edificios son idénticos. Como se puede ver, el plano cuenta con tres recámaras y una cocina Entonces cada edificio es bastante similar. Puedes aceptar nuestro plano como clase, y todos los edificios realizados por este plano son objetos El punto es que los objetos se hacen con esta clase. Déjame mostrarte otro ejemplo. Y poco anticipo. Supongamos que tenemos un auto de clase nin, y estos son dos autos reales. El primero es Marti sit y el segundo es Toyota fortunar. Creamos un auto de clase nin, y nuestros autos reales son objetos, que están hechos por la clase de autos. Como sabes, cada auto tiene algunas propiedades en común. Como su color, motor, asiento, su SC y sus precios. Los llamamos propiedades en lenguaje de programación, y estas propiedades están asociadas a una o más clases. Cada clase tiene su propia propiedad. Como puede ver, tenemos dos autos reales, veloz y fortunar Sus propiedades son las mismas, pero su valor es diferente. Como puedes ver, Marthy tiene opción de cuatro colores, pero Tota tiene opción de cinco colores Marti proporcionan 12 C z. Y Toyota proporcionan motor de 2,700 CC, Mali proporcionan cinco asientos, y Toyota proporcionan siete sat, y tanto el auto proporcionan una C. Además, puede ver que hay precio de uso diferente entre estos dos Las propiedades son básicamente una variable, y podemos decir diferente valor para esta variable. Si quieres cambiar y manipular los valores, entonces necesitas usar métodos. Nuestras clases están hechas con propiedades y métodos. Supongamos que creo un cálculo de nombre de clase. Después creo alguna variable como propiedades. Declaramos esta variable tres dentro de esta clase. Si desea asignar valores a estas propiedades, necesita métodos. Los métodos son básicamente funciones. Supongamos que queremos sumar números. Voy a crear una suma de nombre de función. Como puede ver, realizamos algún cálculo en esta función. Primero, tomamos un nombre de variable C, y luego agrego dos variables A y B, y devolvemos C. Podemos usar solo esas propiedades en nuestro método, que ya declaramos en nuestra clase, y no podemos usar propiedades, que se define en fuera de las clases. Aquí puedes ver, solo creamos un método en nuestra clase. Pero puedes crear múltiples métodos en esta clase. la misma manera, voy a crear otro método nombre Sub. Subresta media. Déjame mostrarte la sintaxis, cómo podemos declarar clase. Además, te voy a mostrar cómo podemos crear propiedades y métodos. Supongamos que voy a crear un nombre de clase infierno. Primero, necesitamos escribir class word luego nuestro nombre de clase, que es hola. Entonces dentro de las calibraciones, diablos necesitamos crear propiedades y método dentro de esta clase Supongamos que quiero crear un lío de nombre de método. Para eso, primero, necesitamos tomar el nombre del método. En nuestro caso, las masas, es una función normal. Solo héroe no necesitamos usar la función ord antes del nombre de la función. la misma manera para los parámetros, necesitamos usar paréntesis Entonces dentro del calprass, podemos definir nuestras masas En nuestro caso, quiero imprimir hola a todos en nuestra consola. Ahora, la masa se convierte en un método. Puede crear múltiples métodos en una clase. Si quieres llamar a este método, primero, necesitas crear un objeto usando esta clase. Primero, necesitamos tomar una variable en nuestro caso A y A como esta clase. También para ascender a esta clase, necesitamos usar nuevo QR, luego el nombre de nuestra clase Esto convertirá nuestra variable en un objeto. Después de crear este objeto, podemos sobrepasar todas las propiedades y métodos de esta clase. Supongamos que quiero llamar al método Masse. Luego primero, necesitamos escribir el nombre del objeto en nuestro caso A, A dot method name message. Y si quieres enviar algún argumento, entonces puedes hacerlo. Por lo general, necesitamos leer para la función. Esto es para este tutorial. En el siguiente tutorial, vamos a aprender sobre prácticas. Gracias por ver este video, estado melodía para el siguiente tutorial. 11. Programación orientada a objetos práctica: Oigan, chicos, bueno verte BA. Este es el segundo programa orientado a objetos relacionados con el tutorial . Como pueden ver, lado a lado, abro mi editor de código Visa studio y mi navegador usando la extensión Lip Server, y ya creo un nombre de documento estable index dot ATM. Dentro de la etiqueta script, primero, voy a crear una clase para crear una clase en Java Script, necesitamos usar la clase QR. Clase, entonces tenemos que decir el nombre de la clase, y nuestro nombre de clase es hola. Entonces en la Clase, aquí voy a pasar un mensaje. Básicamente, voy a definir un mensaje de nombre de método. Entonces voy a escribir mensaje redondo ss. Entonces digo el craso. Aquí voy a imprimir C log, digo la ronda ss, digo los códigos dobles, voy a imprimir un mensaje. Hola a todos. Y después Seminario dos en esta línea. Siempre que el usuario llame a este método desde esta clase, entonces va a imprimir este mensaje. Hola a todos. Como te dije, para llamar a este método desde esta clase, creamos un objeto usando esta clase. Vamos a crear un objeto usando esta clase. Tarde y nuestra variable es A, A igual a para crear un objeto, necesitamos usar new. Nuevo, entonces tenemos que llamar al nombre de la clase, hola. Ahora, una variable se convierte en un objeto, que se hace con la clase hello. Ahora quiero llamar a método de mensaje. Para eso, necesitamos escribir un mensaje punto. Entonces vamos a terminar esta línea. Si configuro este archivo, como pueden ver en mi consola, se imprime hola a todos. Ahora entiendes, primero, necesitamos crear una clase. Entonces estableces esta clase, tenemos un método, mensaje. Si quieres llamar a este método, entonces primero, necesitas crear un objeto usando esta clase. En nuestro caso, A, entonces puedes llamar a este método desde esta clase. Ahora, hablemos de más sobre métodos. En Java Step, tenemos un total de tres tipos de métodos. Nuestro primer método es el método constructor. El segundo es el método prototipo, y el tercero es el método estático, y vamos a comenzar con el método constructor. Para crear un método constructor, no necesitamos tomar ningún nombre de constructor. Déjame mostrarte cómo. Aquí, voy a crear un método constructor. Para eso, solo necesitamos escribir en el constructor. Constructor redondo de latón y dentro del calss, puedes pasar tu mensaje Supongamos que H voy a escribir console dot log dentro de la ronda sis. Voy a escribir. Bienvenida. Y semicon dos en esta línea Recuerda, para crear un método constructor, no necesitas tomar ningún nombre. Solo necesitas escribir constructor Q palabra. Ahora la pregunta es, ¿cuál es el propósito de este método? Siempre que creamos un objeto usando esta clase, entonces el método constructor llama automáticamente. No necesitamos llamarlo por nuestra sede. Se ejecuta automáticamente. Ahora bien, si comento esta línea y vuelvo a configurar este archivo, mira, automáticamente ejecuta el método constructor, así que es esguince bienvenido Aquí solo creo un objeto usando esta clase, pero no llamo al particular ningún método. Del mismo modo, si creo otro objeto usando la misma clase, entonces quiero duplicar esta línea, y aquí voy a escribir B, y establecer este archivo. Un conjunto de este archivo, como se puede ver, nuevo, se imprime vendrá en nuestro consumo. Primero, se ejecuta para un objeto A, luego se ejecuta para, objeto B. Ahora vamos a aprender sobre propiedades. También vamos a aprender cómo podemos asignar valor en propiedades. Hay dos opciones que podemos hacerlo. Primero, voy a mostrarte un método básico. Revocar esta línea. Escuche con atención. Siempre que necesitemos declarar una propiedad para terminar la clase, necesitamos declararla dentro del método constructor. Supongamos que quiero declarar una variable. Las propiedades son asicamente una variable, nada más. Entonces voy a declarar una propiedad, L tarde, y nuestro nombre de propiedad es nombre, luego seco en la fila. ¿Cómo declaramos una propiedad? Ahora quiero usar esta propiedad. Quiero usar esta propiedad en nuestro método message. Voy a quitar a todos y voy a usar signo de congregación. También puedes usar bati Si estás familiarizado con el método tat string. Entonces quiero estafar variable de nombre. Para eso, necesitamos usar esta palabra clave. Esto significa el objeto. D nombre. Ahora establecemos una propiedad en esta clase. También utilizamos esta propiedad, pero no enviamos ningún valor. Ahora necesitamos establecer un valor a esta propiedad. ¿Cómo podemos hacerlo? Para eso, necesitamos usar el nombre del objeto. En nuestro caso, A, A, y quiero decir, Nombre, asignarlo, y aquí, se puede pasar el nombre del alumno, que es un Ming, y luego smog a en esta línea Ahora, de nuevo, quiero imprimir el mensaje en mi consola. Voy a descommenar esta línea y establecer este archivo. En este archivo, como pueden ver mi consola, ahora está impresa. Hola a una Mg. Si aporto un poco de espacio y vuelvo a ahorrar, ahora lo puedes ver correctamente. Hola, a una Mg. Con eso, también, se puede ver otro mensaje de nuestro método constructor. Como te dije, no necesitamos llamar al método constructor. Se ejecuta automáticamente cuando creamos un objeto usando esta clase, y hay un corte corto que podemos asignar valor a nuestras propiedades Para eso, aquí necesitamos tomar un parámetro en nuestro método constructor. Voy a tomar un nombre como parámetro. Y voy a asignar un nombre a esta variable, un nombre. Ahora no necesitamos crear esta línea para asignar este valor a esta variable. Quiero comentar esta línea y desde aquí, voy a copiar a una meg. Siempre que creamos un objeto usando esta clase, podemos pasar el valor. Es como una función. Si configuro este archivo, se puede ver el mismo resultado. Creo que hice algo místico porque aquí no necesitamos declarar palabra clave tardía Voy a sacar tarde. Esta vez, voy a usar esta palabra clave. Este nombre de punto. Esta palabra Q representa el objeto. Si configuro este archivo, ahora puedes ver ahora es imprimir hola a un mage. Es bastante similar con la función. ¿No es así? Sí, lo es. Aquí puedes definir múltiples propiedades tanto como quieras. Ahora, hablemos del método prototipo. Este es el ejemplo del método prototipo. Para ello, es necesario tomar el nombre del método, y el método prototipo no se ejecuta automáticamente. Para ejecutar este método prototipo, necesitamos llamarlo, y nuestro último método es el método estático. Para crear el método estático, necesitamos usar la palabra clave estática. Déjame mostrarte. Aquí quiero crear un método, que es el método estático. Tipo som, estático. Entonces necesitamos tomar un nombre de método. En nuestro caso, el nombre de nuestro método es nombre completo. Entonces necesitas usar latón redondo. Entonces dentro de la ress Cal, puedes imprimir cualquier cosa. Doc dot justo dentro del hueco redondo dentro de los códigos dobles. El nombre del alumno está en un meg. Ahora decides que vas a llamar al método estático desde este objeto. Llamemos al método estático. Un punto similar en esta línea. Si configuro este archivo, no va a funcionar. Se va a tirar. Sí. No necesitamos crear un objeto para llamar a un método estático. Podemos llamar a método estático sin crear un objeto. Para llamar al método estático, necesitamos usar el nombre de la clase. En nuestro caso, hola. Déjame mostrarte cómo podemos usar. Aquí voy a escribir nuestro nombre de clase. Hello dot función de nombre completo. Después se establece en esta línea. Si guardo este archivo, se puede ver el resultado. Como puedes ver en mi navegador, ahora llama al método estático al imprimir, nombre de Scrutin está en una sarna Como te dije, la clase es un plano, de lo contrario una plantilla Podemos usar class multiple time para crear objetos. Entonces esto es para este tutorial. Gracias por ver este video, melodía S para el siguiente Tutorial. En el siguiente tutorial vamos a conocer en decenas. 12. herencia en oop: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado con Javascript avanzado. En este tutorial, vamos a aprender sobre las promesas. Promise, presentando Javascript versión seis. Tratemos de entender las promesas con imágenes gráficas. Supongamos que este eres tú, y este es tu amigo. Tu amigo te llama y te dice, nariz de mucho tiempo, Vamos a encontrarnos, y tú respondiste: Vamos a reunirnos mañana Significa que le hiciste una promesa a tu amigo de que te vas a encontrar con él mañana. Ahora podemos definir esta promesa en tres etapas. Nuestra primera etapa está pendiente. Tu promesa permanecerá pendiente hasta mañana, y si mañana te encuentras con tu amigo, entonces has cumplido la promesa. Esta es la segunda etapa de la promesa. Después viene la tercera etapa, que es resecada. Si por alguna razón, te pones ocupado, y no puedes cumplir tu promesa, entonces tienes que resectar la promesa Estas son las tres etapas de promesa, pendiente, píldora ful y resecada Ahora la pregunta es, qué solemos hacer en base a promesas. Tú decides si cumples las promesas, entonces irás al comer en el restaurante, y si reseces la promesa, entonces te reunirás otro día Tanto los resultados dependen de tu promesa. De la misma manera, el método promesa JavAsp funciona. Tenemos una promesa de nombre de método. Luego dentro de esta promesa, especificamos una condición, y en base a esta condición, volvió a los resultados. De lo contrario, resolver, de lo contrario, reseccionar. Si nuestra condición se resolvió, ahora podemos usar una nueva función llamada entonces. Dentro de la función entonces, vamos a decidir si nuestra promesa se resolvió, entonces qué vamos a hacer. Como te dije, si mañana te encuentras con tu amigo, entonces irás al restaurante, y si nuestra condición es resecada, entonces llamamos a otra función nombre catch Ambas funciones son función cueva. Estos son todos en función ll de JavaScript. Pero puede tomar cualquier nombre de función para función de resultado y función de respeto. Es una PU. Este es el método promise, que se introduce en Java script s es versión. Ahora, hablemos de la sintaxis, cómo podemos usar el método promise en JavaScript. Primero, necesitamos tomar una variable. Entonces en esta variable, necesitamos definir una nueva promesa. Ahora estas variables se convierten en promesa de objeto. Como te dije, definimos una función dentro de este método de promesa. Así es como podemos hacerlo. Aquí creamos una función dentro de esta promesa, y también podemos tomar la función de flecha. Básicamente en esta función, aquí necesitamos pasar dos parámetros totales. En nuestro caso, resuelve y descansa, y puedes tomar cualquier nombre para este parámetro. Si su promesa está satisfecha, entonces puede llamar a la función de resultado, y si su promesa falló, entonces puede llamar a la función resect Ahora la pregunta es cómo podemos llamar a las funciones. Para eso, podemos crear una condición. Algo así. Como puedes ver en esta promesa, infierno crea una condición if else. Puedes establecer tu propia condición, depende de ti, y si tu condición se cumple, entonces puedes llamar a la función de resultado. Si su condición falla, entonces en el inicio L, puede llamar a la función de descanso. No necesitas crear la función en ningún lado, necesitas llamar a la función. Como ya les dije, si sus promesas resuelven, de lo contrario, descansan para el trabajo posterior, podemos crear otra función. En nuestro caso, sobre cumplimiento. Es decir, cada vez que llamamos a la función de resultado, va a llamar a esta función, y cualquiera que sea la función de resultado escrita, podemos almacenarla en una variable. En nuestro caso, resultado, y Aquí puedes tomar cualquier nombre de variable. la misma manera para el resultado, aquí se crea otra función, que está en resección Si esta función va a devolver algo, entonces podemos almacenarla en nuestra variable. Entonces vamos a imprimirlo en nuestra consola. Como te dije, puedes tomar cualquier nombre para estas variables. Ahora bien, esta función dos no será llamada por sí misma. Estas no son funciones de cueva. Para llamar a esta función dos, Java stip vienen con algunos en función, que es entonces y catch Ya se lo conté. Estas dos funciones son función cueva. Si nuestra condición se resolvió, entonces automáticamente llama a la función then, y la función then llama a la función de cumplimiento, y si nuestra condición es res, entonces se llama automáticamente esta función **** nombre catch. Y va a llamar a esta función en resction. Entonces la función va a llamar a la función de cumplimiento, y la función de captura va a llamar a la función de resction Resumamos el tema. Al principio, vamos a crear una promesa, y dentro de la promesa, vamos a crear una función. En esta función, aquí necesitamos tomar dos variables. Nuestra primera variable es para el éxito y nuestra segunda es para el fracaso. Entonces creamos una condición dentro de esta promesa. Si se cumple la condición, entonces va a llamar a resolver, y si la condición falla, entonces se llama descanso. Si se resuelve la llamada a la función, entonces automáticamente se llama este nombre de función cove entonces, y resto a la función llamada, entonces se llama automáticamente el nombre de la función cove catch. Ahora podrías tener duda de cómo podemos enviar argumentos a estas funciones. Para nuestras funciones, como puedes ver, tenemos parámetros, resultado y error. Cómo podemos enviar el valor a esta función. Siempre que llamamos, resolvemos, de lo contrario, función de descanso con esta función, enviamos el valor. Como pueden ver, aquí está el éxito, aquí está el fracaso. Siempre que llamemos a la función de cumplimiento, esta masa va a asignar a este resultado de nombre variable. De la misma manera, se trabaja para la resección. Esto es para este tutorial. En el siguiente tutorial, vamos a iniciar la práctica. Gracias por ver este video, estado para el siguiente tutorial. 13. Práctica de herencia: Entonces como pueden ver lado a lado, abro mi embarcación a su editor de código y mi navegador usando la extensión Live Server, y ya creé un est document name index dot at. Al principio, dentro de la etiqueta script, voy a crear una clase. Para eso, necesitamos usar la clase QR, class employ. Entonces en set el Css, voy a crear un método constructor, como ya saben, para crear un método constructor, necesitamos usar constructor d, Constructor y round brass. Después en set el Css, H imprime una declaración en nuestra consola. Tipo de sonido consola dot log dentro de las rondas, tipo Hm, yo empleado. Y sem dos en esta línea. Ahora, vamos a crear un objeto usando esta clase. Para eso, voy a crear una variable tarde y nuestro nombre de variable es A, A, asignarlo, nuevo. Como te dije, para crear un objeto, necesitamos usar nueva palabra clave, y nuestro nombre de clase, que es empleado. Después smog a en esta línea. Si configuro este archivo, como pueden ver en mi consola, se imprime soy empleado. H I TA error ortográfico. Para empleado, necesitamos escribir E no I. Si configuro este archivo, puedes ver el resultado. Soy empleado. Como sabemos, en nuestro tutorial anterior, aprenderemos método constructor run automatic. No necesitamos llamarlo a través de nuestro obst. Ahora decido que quiero crear otra clase. Para eso, voy a escribir class Q word, y nuestro nuevo nombre de clase es manager. El gerente y esta clase heredan con la clase de empleado. Como te dije para heredar con otra clase, necesitamos usar extender kd, extender, extiende empleado Entonces en conjunto los casos, por ahora, no voy a escribir nada. Solo nuestra clase de gerente en clase de empleado, y ahora decido que voy a crear un objeto con clase de empleado. Voy a comentar esta línea, y en la siguiente línea, voy a crear una variable late y nuestra variable es B, B y manager class. Para crear un objeto B, se usaría nuevo Q, nuevo administrador, luego sim a en esta línea. Si configuro este archivo, como pueden ver, también lo imprimo en mi consola, soy empleado. Pero si te das cuenta, puedes ver en la clase de gerente, no tienes ningún método constructor, pero podemos acceder al método de clase de empleado usando clase de gerente porque nuestra clase de gerente en clase de empleado. En ese caso, la clase de empleado es una clase base y la clase de gerente es una clase directa. Ahora decido que quiero enviar un argumento a la clase manager. Aquí, voy a pasar un nombre, y voy a escribir agregar un medio. Anuncio uno significa. Como te dije, necesitamos manejar las propiedades en nuestro método constructor. Aquí necesitamos tomar una variable. O nombre de variable es nombre, y luego quiero imprimir el nombre en mi consola. Aquí voy a pasar variable de nombre con eso, voy a usar signo de conggation. Si configuro este archivo, como se puede ver en mi navegador, se imprime adv media, soy empleado Ahora la pregunta es, ¿qué pasó? Si creo la misma clase de constructor en la clase manager, copiemos el constructor y voy a pegarlo dentro de la clase manager. Por ahora, no quiero enviar ningún argumento a este constructor. Quiero quitar esta línea, y H I a escribir, soy gerente. Si configuro este archivo, esta vez, primero va a imprimir, esta línea, luego va a devolver un error. Déjame mostrarte. Si configuro este archivo, como pueden ver, primero se imprime, soy gerente. Entonces imprima un mensaje de error y diga, debe llamar a super Constructor. Como puede ver, nuestro objeto hecho con la clase manager, y el método constructor disponible tanto en la clase. Ambas clases tienen el mismo método exacto y objeto B hecho con la clase manager. Por eso podemos ver este mensaje. Soy gerente. Y si quieres sobrepasar solo el constructor dis particular, quiero decir el constructor de clase base, entonces necesitas usar super function. Aquí, necesitamos usar super function, sum type, super y Sem en esta línea. Si configuro este archivo, va a funcionar, pero también devuelve undefined. Déjame mostrarte. Si configuro este archivo como puedes ver, indefinido, empleado IM. Si queremos manejar este argumento en nuestro constructor manager, en ese caso, necesitamos tomar el nombre de la variable name. Además, voy a usar este nombre aquí. Nombre Cctint a ello, soy gerente. Si configuro este archivo, como pueden ver, agrego un medio, soy gerente. Recuerda, si usamos el mismo constructor en nuestra clase directa, entonces no podemos enviar datos a nuestra clase base porque aquí usamos el constructor exacto. Porque la súper función no lo permite. Ahora, hablemos del método prototipo, cómo podemos usar el método prototipo en decenas. Al principio, voy a comentar este método constructor en nuestra clase manager. Entonces en nuestra clase de empleado, media clase base, aquí voy a crear un método prototipo, algunos teclean el nombre del método, que está en. Inset el caliss, Ham print console dot log, soy empleado, y así lo podemos hacer en esta línea Con eso, quiero imprimir el nombre del empleado. Pero como saben, si queremos usar esta propiedad, entonces necesitamos almacenarla en una variable. Para eso, voy a escribir este nombre de punto igual a nombre. Ahora podemos usar la variable name en mi método prototype. Aquí voy a usar signo de congregación superior , soy empleado. Voy a escribir este nombre de punto. Cambiemos el nombre de la variable para evitar la confusión. Yo quiero asignar un nuevo nombre que es am significa nombre employe Además, necesitamos escribir este nombre de punto aquí. Si queremos llamar a esta variable. Ahora decido que quiero excederme este método prototipo usando la clase manager. Pero creamos el método prototipo en clase de empleado. Pero como saben, nuestra clase se extiende a la clase de empleado, por eso podemos usarla. Usemos este método de sonda. Para eso, como saben, necesitamos llamar al nombre del objeto. B, B tout nuestro nombre de método, que es info, y SemGro dos en esta línea Si configuro este archivo, como pueden ver en mi consola, se imprime soy empleado a una página. Pero si utilizo el mismo método prototipo en nuestra clase manager, voy a copiar este método prote, y voy a pegarlo insertando la clase manager Voy a cambiar un poco. Soy gerente. Si configuro este archivo, esta vez se puede ver, Harry imprime, soy gerente y un Mago. Porque esta vez, este método prototipo está disponible en su propia clase, y nuestro objeto hecho con esta clase, no la clase de empleado. Por eso se le llama método propio. Pero ahora decides, no vas a usar el método de sonda de clase manager. Quieres exceso de empleado método de sonda de clase, media de clase base. Como te dije, el dedo del pie súper función. Para eso, necesitas escribir super ¿necesitas pasar el nombre del prototipo?, y el nombre del prototipo es info. Entonces hay que pasar la base redonda y semi en esta línea. Si configuramos este archivo, como pueden ver mi consola, ahora está apantallado, soy manager. Aquí puedes ver mi consola, primero se imprime, soy empleado en uno Mago. Esta línea es de clase de empleado, y a continuación se imprime, soy gerente en una Mage. Esta línea es de clase manager. No sólo eso, también se puede cambiar el wader de este método del programa Supongamos que ahora quieres primero quieres imprimir, yo soy gerente en uno Mago. Entonces quieres imprimir, soy empleado en un Mago. Para eso, solo para cambiar el orden de la súper función. Así que muevo la súper función construir luego la ley de consola. Si configuro este archivo, como pueden ver, ahora se cambia el orden. Y ahora voy a mostrarte el verdadero ejemplo. Por qué y cómo vamos a utilizar en alturas. Como puede ver, tenemos un total dos clases, empleado y gerente. Ahora decido que voy a tomar dos argumentos más, H y altura. Su pase en nuestro método constructor, H, height, y para ordenar esta propiedad en una variable, voy a tomar otras dos variables. Hm escriba estos puntos e igual a H. Clon este punto altura E altura igual a altura y línea sem. Ahora decido que quiero mostrar toda la información en esta función inferir Voy a comentar esta línea y documento tipo timón Dot. Es la ronda ss, aquí, voy a usar el método de cadena de plantilla. Yo usé un ti. Si no está familiarizado con el método de cadena de plantilla, es la nueva característica de la versión e six. Aquí no necesitamos usar ningún lado concatnion. Espero que ya esté familiarizado con eso. Es esto un ti, primero, voy a imprimir una etiqueta de rumbo. Para eso, voy a usar la etiqueta ESTL, la etiqueta H dos, la H dos Entonces insertar esto un tipo amo de dos etiquetas emplea. Entonces voy a cerrar la etiqueta A dos. A dos estrellas por rumbo a etiqueta. Un cierre de dos. Entonces voy a imprimir nombre. Nombre dos puntos, y voy a llamar a la variable. La primera variable es para nombre, decimos e Nombre variable. Voy a copiar este punto E nombre, y a p para usar esta variable, hero in para usar signo de dólar y dentro de los calices, voy a pegar el nombre de la variable Este punto E nombre, y también voy a usar una etiqueta para romper la línea. Entonces duplico esta línea dos veces, y para H, mo tipo H. Este punto E edad, y para altura, voy a escribir altura, este punto E altura, y semicon dos en esta línea, y no necesito esta función info de la clase manager Voy a comentar esta línea, y con nombre, voy a pasar s rudent age, que es 24 También voy a pasar altura prudente, que está en el doble recorrido 175 centímetros Si configuro este archivo, como pueden ver en mi navegador, imprimir nombre del empleado H y altura, nombre ventaja H 24 altura 175 centímetro. Ahora decido que quiero imprimir la misma información para el encargado. Alguna copia es método pro, y voy a pegar en conjunto la clase manager. Pero ahora quiero agregar nueva propiedad a este método, y nuestra nueva propiedad es se, Algunos azulejos late se salario igual a $1. También quiero cambiar el texto del encabezado, emplear a gerente. Además, con la información, quiero imprimir gerente salado. Quiero porcino esta línea y amo tipo sueldo. Y también para pasar el sueldo de nombre variable. Si configuro este archivo, como pueden ver en mi navegador, ahora gestor de sprint. Nombre agregar uno M H 24 altura 175 centímetro. También un pin el salario, $100, para limpiarlo hacia abajo, dejar crear otro objeto. Yo para conseguir esta línea. Esta vez, nuestro nombre de objeto es olor, y este objeto hecho con clase manager. Voy a cambiar el nombre Sm. Y sus bordes 28, y su altura es 170 1 centímetro, y ahora quiero imprimir información de Smith en mi navegador. Aquí voy a llamar a Smith dot info function. Si configuro este archivo, como pueden ver, ahora es imprimir toda la información sobre Smith. Este es el ejemplo de herencia de un solo nivel porque aquí nuestra clase se extiende con una sola clase. Nuestra clase de gerente se extiende con la clase de empleado. Pero ahora te voy a mostrar herencia multinivel. Esta es la clase de empleado. Esta es la clase de gerente, extender con empleado, y ahora voy a crear otra clase. Clase y nuestra siguiente clase es jefa. Clase jefe, extender con clase de gerente. Ahora Boss puede exceso de información de gerente, también, puede existir en Do information, pero gerente y empleado no pueden exceso de información de jefe. Entonces voy a comentar esta línea. Ahora nuestro objeto Smith lo hizo clase jefe, jefe. Voy a establecer este archivo. Después de establecer este archivo, ahora puedes ver, imprime toda la información de la clase manager porque en nuestra clase boss, no tenemos ningún método info. Pero, ¿qué? Si comentamos el método info, entonces voy a comentar este método. De la clase de gerente. Ahora puedes ver, esta información Metodo solo está disponible en clase de empleado Si ahorro este tiempo, ahora se puede ver, ahora se imprime el prototipo constructor de la clase empleado. Por eso no se imprime el valor salarial. Nuestro jefe puede exceso de información de clase de gerente, también, puede excederse de información de clase de empleado. Información significa todo el constructor y propiedades. De esa manera, funcionan los multinivel en hits. Este es el pequeño ejemplo de hitens, y I Hitens es la parte más importante de la programación orientada a objetos Gracias por ver este video, Estén atentos para el Siguiente Tutorial. 14. Introducción al módulo de Js: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Javasc avanzado En este tutorial, vamos a aprender qué es Tratemos de entender los módulos con imágenes gráficas. Supongamos que tenemos dos archivos JavaScript, el archivo uno Js y el archivo dos puntos js. En archivo one dot js, declaramos algunas funciones variables de autos, además, creamos algunas clases. Ahora quiero usar esta función variable y clases en el archivo dos. No es obligatorio que voy a usar todas las variables función y clases. Quiero ejecutar cualquier función en particular. De lo contrario, quiero llamar a cualquier variable en particular. Para eso, Java script introduce módulos. Usando módulos, podemos usar clases variables de función Jati en otros archivos Es aumentar nuestra reutilización de código y es muy fácil de mantener También reduce la carga de la página est. En nuestro archivo uno a JS, tenemos muchas funciones, pero quiero decidir que quiero usar solo una función. Entonces voy a mejorar esta función en nuestro archivo dos. Entonces podemos vincular este archivo dos con nuestro documento estable. Por eso nuestro archivo STL se vuelve tan rápido. En el módulo JavaScript, viene con dos funciones. El primero es la función de exportación, y el segundo es la función de importación. Veamos cómo podemos usar estas dos funciones en nuestro policía. Como te dije, tenemos un total de dos archivos, 51 puntos js y 52 puntos js. En el archivo uno, declaré un nombre de variable, una función, allow, y una clase, que es user. Ahora decido que quiero usar la variable de nombre en el archivo dos. No quiero usar la función Hallow y la clase de usuario. Para eso, necesitamos usar una palabra clave, y la palabra clave es exportar. Esta palabra clave de exportación, mantenemos esta variable con permiso para que podamos utilizarla en otros archivos. Siempre que necesitemos usar esta variable en el archivo dos, entonces necesitamos escribir una declaración especial. Algo así. Al principio, necesitamos escribir la palabra clave import, y luego necesitamos usar ses. Entonces dentro de los ses, necesitamos pasar el nombre de la variable, que variable quiero importar desde el archivo un archivo. Entonces tenemos que escribir desde y después de eso, necesitamos pasar la ubicación del archivo, de qué archivo quiero importar esta variable. Si te das cuenta, puedes ver antes de archivo un punto s, aquí utilizo algunos caracteres especiales. Retirada de puntos. Siempre que usemos módulos, necesitamos proporcionar nuestra parte de archivo así, y debes recordar esto. Ahora decido que quiero usar la variable name en el archivo dos. Podemos usar esta variable como otras variables. Podemos imprimirlo en nuestra consola. Además, podemos imprimirlo en nuestro documento con eso, podemos realizar cálculos. la misma manera, si queremos exportar esta función, sí, solo queremos escribir export t antes del nombre de la función. Entonces podemos usar esta función en el archivo JS de 52 puntos. Aquí necesitamos importar la función. Importar dentro del Clerass, Solo hay que pasar el nombre de la función No hay ningún paréntesis, de lo contrario, craso, solo nombre de función Entonces podemos usar esta función como otras funciones. la misma manera, puedes exportar esta clase, y necesitas seguir el mismo procedimiento para importar esta clase desde el archivo one s. Entonces podemos crear objetos usando esta clase. Si quieres importar función variable y clase a la vez, sí, puedes. Solo un para importar dentro de lo crass, necesitas pasar el nombre de la variable, luego necesitas usar coma, luego necesitas pasar la función y el nombre de la clase Entonces no es necesario escribir palabra clave de importación múltiple. Ahora quieres importar este archivo JS en tus documentos est. Para eso, solo necesitas hacer lo mismo, pero dentro de la etiqueta script, necesitas proporcionar el módulo type. Solo necesitas declarar que se trata de un archivo de módulo. A continuación, una fuente, es necesario seguir la ruta relativa punto de la diagonal hacia atrás Esta es la introducción Tutorial del módulo. En el siguiente tutorial, vamos a iniciar la práctica. Gracias por ver este video, Estadio por el siguiente tutorial. 15. Tutorial avanzado de módulos de Javascript: Entonces como pueden ver, lado a lado, abro mi editor de código so Studio y mi navegador usando la extensión Lb Server, y ya creo un documento EstiML llamado index dot EstiML Con eso, creamos algunos archivos JavaScript, Mentes, gas punto de biblioteca y puntos mediadores. Todos estos son archivos D. Si te muestro mi archivo Index dot eL, como puedes ver, aquí usamos la etiqueta script, y dentro de la etiqueta script, usamos type mode. También proporcionamos una fuente fuente, y esta es la fuente puesta. Vinculamos nuestro archivo Minto JS con este archivo ETML. Además, tenemos el archivo JS punto vivo, donde voy a crear nuestra función variable y clases. Una cosa más importante que debes recordar. Los módulos funcionan solo con servidores Lip. Si no usas servidor Lp, entonces no puedes usar módulos. Puedes usar extensiones de servidor en vivo. De lo contrario, puedes usar Z o AM. Aquí, no te voy a explicar cómo podemos usar los servidores Lip porque es un tutorial avanzado. Espero que ya estés familiarizado con las extensiones de servidor Lip, y luego voy a saltar a la biblioteca punto tiene archivo. En este archivo, vamos a crear todas las variables función y clases. Al principio, voy a crear una variable. Voy a escribir tarde, tarde, nuestro mensaje variable s. Mensaje igual a dentro del doble curso, Hermón escriba una cadena, que es e seis moules Después semicon dos en esta línea. Es una variable normal. No podemos usar esta variable en otros archivos. Si queremos usar esta variable en otros archivos para eso desde el tipo inicial, podemos usar esta variable en otros archivos. Voy a configurar este archivo y ahora quiero usar esta variable en el archivo Minto JS Aquí, voy a importar esta variable. Como te dije para importar esta variable, necesitamos usar import Q import. Ahí se establece el cultiss, necesitamos pasar la variable m y la variable m es mensaje A partir de entonces tenemos que pasar la ruta del archivo. Pero antes de la ruta del archivo, como te dije, es el modu Tenemos que seguir a estos personajes, punto Baslas La diagonal invertida de puntos varía. Este es nuestro archivo, y semicon dos en esta diapositiva. Ahora podemos usar esto muy bien en este archivo. Ahora voy a imprimir esta variable en nuestra consola. I motype consola punto log dentro del hueco redondo, nuestro nombre de variable, mensaje Y semicon a en esta línea. Después de paso este archivo, como pueden ver, no está funcionando porque soy un idiota, y no paso la extensión de este archivo Library dot js es un archivo JavaScript, por lo que debes pasar la extensión. Después paso este archivo, ahora puedes ver mi consola, imprimo seis volúmenes. No sólo eso, si quieres imprimir este mensaje en tu página de estimación, sí, puedes. Para eso, necesitas usar JavaScript down. Algunos para comentar esta línea y siguiente, voy a escribir documento punto cuerpo punto interior estim igual al mensaje variable Voy a decir este archivo. Un precepto este archivo, se puede ver mi navegador, imprimir e seis módulos Ahora voy a descommen esta línea y de vuelta al archivo dot de la biblioteca Aquí, voy a crear una función, y quiero exportar esta función, así que voy a escribir el ex pot. Entonces voy a usar la función Q para crear una función de función, y nuestro nombre de función es usuario. Y no quiero pasar ningún parámetro. Entonces dentro del crass, H type console dot log dentro de la ronda ss, voy a pret una declaración Hola a todos. Y Semgra a en esta línea Ahora necesitamos importar esta función. Volvamos al archivo Mind, y después del mensaje, quiero importar usuario de función de usuario. Como te dije, para la función, no necesitamos tomar ningún paralsss Si quieres llamar a esta función, solo necesitas escribir el nombre de la función, usuario y los paréntesis, como función similar Después de paso este archivo, como se puede ver en la consola, hola a todos. Si quieres pasar algún argumento a esta función, sí, puedes. Apenas dentro del doble curso, H I para pasar el argumento. Quiero pasar un nombre, que es agregar uno Mí. Agrega un Mg, y voy a configurar este archivo. Entonces voy a volver al expediente LBJ, y también voy a tomar este argumento Para eso, necesitamos tomar una variable, que es nombre, y quiero usarla consola. Dentro de la consola, voy a usar tomas traseras. Dentro de las tomas traseras, voy a escribir hola signo de dólar dentro del Calise nuestro nombre de variable, que es nombre Si configuro este archivo, se puede ver el resultado, hola, agregar Mg. Esto es trabajo como otras funciones. No hay diferencia. Ahora, vamos a crear una clase en archivo punto L V. Primero, voy a teclear puerto. Exportar, entonces voy a crear una clase. Tenemos que usar clase Qd, luego el nombre de nuestra clase, y voy a decir, gusto Yo en el crass, voy a crear un método constructor Constructor, y en este método constructor, voy a imprimir una declaración. Algún tipo consola dot log, yo en el latón redondo, soy tipo método constructor. Entonces seve dos en esta línea. Siempre que creamos un objeto usando esta clase, automáticamente llama al método constructor. Ahora volvamos al archivo Do principal, y necesitamos importar esta clase. Tenemos que pasar el nombre de la clase gusto. Entonces necesitamos crear un objeto usando esta clase. Escriba, y nuestro nombre de objeto es A, A igual a nuevo objeto, Nuevo gusto. Y semicon a en esta línea. Si configuro este archivo, como se puede ver en mi consola, es el método constructor de impresión. También imprime hola adv Mage de nuestra función. De alguna manera para comentar esta línea. Y guárdala otra vez. Ahora volvamos al archivo vedo. Como puede ver, usamos export Qt multiple time for variable for function para nuestra clase. Hay otro método que podemos exportar todos estos en una sola línea. Déjame mostrarte cómo es el trabajo. Así que mo tipo export key, export, luego dentro del clibrass, necesitamos pasar los nombres de variables y funciones y clases O variable significa mensaje. Quiero exportar mensaje. También quiero exportar el usuario de la función. Y de la misma manera, quiero exportar clase, gusto. Después sub a en esta línea. Ahora necesitamos eliminar las palabras clave de exportación de estas posiciones. Primero, elimino export Qd de la clase, luego elimino export Qd de la función, y por fin, voy a quitar export ord de nuestra variable Si configuro este archivo, como pueden ver, en mi navegador, escribió el mismo resultado. No hay cambios. Esta es otra forma en la que podemos usar export kd y exportar nuestras funciones variables clases finales. Notario que, también podemos tomar Allis Nombre. Volvamos al archivo MinDoS. Quiero tomar el nombre de Allis para el gusto. I mo tipo ape taste, como T. Ahora no necesitamos escribir taste para crear un nuevo objeto usando la clase de gusto. Porque los aliados herejes nombran. Voy a quitar sabor y solo voy a escribir t. vamos a sofocar y ver, ¿funciona correctamente o no Después de configurar este archivo, como puedes ver en nuestra consola, también es el método print constructor. Quiero decir que es trabajo perfectamente. Pero y si escribo el mb real, vamos a teclear gusto. Si paso este archivo, va a lanzar una flecha. Déjame mostrarlo. Después del paso este archivo, como se puede ver Maz, se escribe una flecha Ahora bien, si tomamos el nombre de Ai, entonces necesitamos usar solo el nombre de los aliados, no siendo nombre real. Ahora, volvamos al archivo Live do J. Supongamos que tenemos muchas variables, mucha función, y muchas clases, y quiero usar todas estas. Entonces podrías pensar que necesitas atar el nombre de la variable cada vez. No, no lo es. Si quieres importar todas estas funciones variables y clases, puedes hacerlo solo una vez. Entonces para pigt esta línea y comentar la anterior. Aquí podemos seguir un nuevo método para importar. Déjame mostrarte cómo. Después de importar Qd, voy a usar un pecado, signo de estrella. Estrella significa todo. También, podemos tomar un módulo As name as n stars, y usted puede tomar su nombre N por nombre A. Ahora necesitamos usar esta palabra Q. Déjame mostrarte cómo. Supongamos que en nuestra consola, quiero imprimir el mensaje. Esta vez, necesitamos usar el mensaje de punto. Con eso, quiero llamar al usuario de la función. En ese caso, necesitamos escribir m punto usuario. Para el nombre de la clase, aquí hay que pasar punto M, nuestro nombre de clase. Si configuro este archivo, se puede ver en mi consola, está funcionando. Esta vez, nuestra clase no funciona porque esta vez nuestra clase no está funcionando, porque aquí usamos el nombre aliado. Ahora, necesitamos usar el nombre real porque comentamos esta línea. Para establecer este archivo, puede ver el resultado. Por qué está escrito indefinido. A lo mejor hay un cero de mecanografía. Sí, es un cero de mecanografía. Si elimino este mensaje y lo guardo de nuevo, ahora se puede ver el resultado, seis módulo, hola advanage, constructor methyl Este seno estrella reduce nuestro código. Simplemente usando una estrella, podemos llamar a todos estos métodos, clases, funciones, variables activos. Esto es para este tutorial. En el siguiente turial, vamos a aprender función predeterminada 16. Tutorial avanzado de módulos de Javascript 2: Hola, chicos, me alegro de verles de vuelta. Esta es otra parte de este tutorial del módulo. Hoy en este tutorial, vamos a aprender la función predeterminada. Modal vino con una función predeterminada. Veamos cómo podemos crear esta función. Además, vamos a ver cómo podemos usarlo. Volvamos al archivo Lb do JS. Primero, voy a comentar toda la escuela, y luego voy a crear la función predeterminada. Para crear la función predeterminada, necesitamos usar por defecto Q, default. Función por defecto. Después paréntesis. Luego dentro del proceso redondo, esta función difat básicamente representa toda la multa Con eso, también quiero exportar esta función. Hm tipo, export que, export, y Hmoype Así que escribe consola dot love dentro del proceso redondo dentro del doble infierno. Y secta en esta línea. Ahora, lleva de nuevo al expediente de Min Do. Además, voy a comentar todo este código, y voy a dbligate esta línea y comentar la anterior Para importar la función predeterminada, necesitamos usar el mismo proceso. Déjame mostrarte cómo. Entonces para quitar los senos estrella y dentro de los cals voy a pasar el nombre de la función, que es por defecto, default También, necesitamos tomar Aizename, como B. D. Ahora podemos llamar a esta función Aquí tipo B, y Sem dos en esta línea. Aparece de este archivo, como puedes ver en mi navegador, está escrito, hola. No necesitamos tomar ningún nombre para esta función. Siempre que llamemos a esta función, de lo contrario, importamos esta función, tomamos como nombre para esta función. Ahora, por fin, te voy a presentar otra característica del mod, que se conoce como módulo agregado. Aquí vamos a aprender cómo podemos usar múltiples módulos en un archivo. Al principio voy a comentar esta línea. Entonces voy a descomentar esta línea de importación. Con eso, vayamos al archivo L der JS. Del archivo L der J, primero, voy a comentar esta línea, no necesito esta línea por ahora, y además voy a descomentar esta línea de exportación Quiero exportar solo función de usuario. Nada más. Con eso, necesitamos descomentar esta función de usuario El También, no voy a pasar ningún argumento. Elimino estos argumentos, y aquí voy a escribir simplemente un texto. Hola mundo. Y voy a poner este archivo. Entonces en esta función de biblioteca, solo tenemos una función nombre usuario. Si nota, puede ver que tenemos otro archivo. Medio Toto Js. Vamos a saltar a este archivo. Este archivo va a jugar el papel de un puente entre estos dos archivos, red eléctrica y biblioteca Js. Para que mejor entiendas, voy a mover este archivo entre esta librea y principal Js. En nuestro archivo JS en vivo, aquí exportamos la función de usuario. Aquí utilizo el archivo JS principal. En nuestro archivo Stable, incluimos el archivo JS Min dot. Pero en el archivo JS punto principal, aquí voy a cambiar la ruta del archivo de importación. Esta vez, voy a volver a esta línea y comentar la anterior. Esta vez quiero importar mediador dot js. H tipo mediador punto js archivo, y quiero importar la función de usuario particular. Aquí voy a quitar el nombre de los aliados y empezar a firmar y dentro del usuario caliss amotye Ahora la pregunta es, no creamos función de usuario en el archivo meet dot JS. En el archivo meteor dot JS, voy a importar la función desde el archivo L A JS Algún tipo de importación dentro del interior la clase o nombre de función usuario desde el archivo JS punto vivo. Live dot J. Voy a configurar este archivo. En nuestro archivo mediador, importamos la función de usuario desde L punto js. Luego en nuestro archivo punto principal, importamos la función de usuario desde el archivo meteoro dot JS Pero si configuro estos archivos, va a devolver un error, algo así. Se trata de un error de sintaxis. Impresión a mano, mediador a Js no proporciona un usuario nombrado de exportación. Para resolver este problema, si queremos usar algún archivo breeze para eso, necesita usar export. Yo sí nos metemos en esta línea y comentamos la anterior y aquí necesitamos escribir x Ahora, si configuro este archivo, ahora puede ver que no hay error en mi consumo. En nuestro archivo Mando e, si llamo a la función de usuario, y elimino el argumento porque esta vez no manejo ningún argumento en nuestra función de usuario. Acepte este archivo, puedes ver el resultado. Ahora es imprimir hola mundo. Tan rápido, exportamos de biblioteca a mediador. Después desde el mediador, exportamos el archivo Mando JS. Esto es para este tutorial. En el siguiente Tutorial, vamos a aprender sobre las promesas. Gracias por ver este video, Stun para el siguiente tutorial 17. JavaScript avanzado: tutorial de la promesa: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado con Javascript avanzado. En este tutorial, vamos a aprender sobre las promesas. Promise, presentando Javascript versión seis. Tratemos de entender las promesas con imágenes gráficas. Supongamos que este eres tú, y este es tu amigo. Tu amigo te llama y te dice, nariz de mucho tiempo, Vamos a encontrarnos, y tú respondiste: Vamos a reunirnos mañana Significa que le hiciste una promesa a tu amigo de que te vas a encontrar con él mañana. Ahora podemos definir esta promesa en tres etapas. Nuestra primera etapa está pendiente. Tu promesa permanecerá pendiente hasta mañana, y si mañana te encuentras con tu amigo, entonces has cumplido la promesa. Esta es la segunda etapa de la promesa. Después viene la tercera etapa, que es resecada. Si por alguna razón, te pones ocupado, y no puedes cumplir tu promesa, entonces tienes que resectar la promesa Estas son las tres etapas de promesa, pendiente, píldora ful y resecada Ahora la pregunta es, qué solemos hacer en base a promesas. Tú decides si cumples las promesas, entonces irás al comer en el restaurante, y si reseces la promesa, entonces te reunirás otro día Tanto los resultados dependen de tu promesa. De la misma manera, el método de promesa JavAsp funciona. Tenemos una promesa de nombre de método. Luego dentro de esta promesa, especificamos una condición, y en base a esta condición, volvió a los resultados. De lo contrario, resolver, de lo contrario, reseccionar. Si nuestra condición se resolvió, ahora podemos usar una nueva función llamada entonces. Dentro de la función entonces, vamos a decidir si nuestra promesa se resolvió, entonces qué vamos a hacer. Como te dije, si mañana te encuentras con tu amigo, entonces irás al restaurante, y si nuestra condición es resecada, entonces llamamos a otra función nombre catch Ambas funciones son función cueva. Estos son todos en función ll de JavaScript. Pero puede tomar cualquier nombre de función para función de resultado y función de respeto. Se trata de una PU. Este es el método promise, que se introduce en Java script s es versión. Ahora, hablemos de la sintaxis, cómo podemos usar el método promise en JavaScript. Primero, necesitamos tomar una variable. Entonces en esta variable, necesitamos definir una nueva promesa. Ahora estas variables se convierten en promesa de objeto. Como te dije, definimos una función dentro de este método de promesa. Así es como lo podemos hacer. Aquí creamos una función dentro de esta promesa, y también podemos tomar la función de flecha. Básicamente en esta función, aquí necesitamos pasar el parámetro total de dos. En nuestro caso, resuelve y descansa, y puedes tomar cualquier nombre para este parámetro. Si su promesa está satisfecha, entonces puede llamar a la función de resultado, y si su promesa falló, entonces puede llamar a la función resect Ahora la pregunta es cómo podemos llamar a las funciones. Para eso, podemos crear una condición. Algo así. Como se puede ver en esta promesa, infierno crear una condición if else. Puedes establecer tu propia condición, depende de ti, y si tu condición se cumple, entonces puedes llamar a la función de resultado. Si su condición falla, entonces en el inicio L, puede llamar a la función de descanso. No necesitas crear la función en ningún lado, necesitas llamar a la función. Como ya les dije, si sus promesas resuelven, de lo contrario, descansan para el trabajo posterior, podemos crear otra función. En nuestro caso, sobre cumplimiento. Es decir, cada vez que llamamos a la función de resultado, va a llamar a esta función, y cualquiera que sea la función de resultado escrita, podemos almacenarla en una variable. En nuestro caso, resultado, y Aquí puedes tomar cualquier nombre de variable. la misma manera para el resultado, aquí se crea otra función, que está en resección Si esta función va a devolver algo, entonces podemos almacenarla en nuestra variable. Entonces vamos a imprimirlo en nuestra consola. Como te dije, puedes tomar cualquier nombre para estas variables. Ahora bien, esta función dos no se llamará por sí misma. Estas no son funciones de cueva. Para llamar a esta función dos, Java stip vienen con algunos en función, que es entonces y catch Ya se lo conté. Estas dos funciones son función cueva. Si nuestra condición se resolvió, entonces automáticamente llama a la función then, y la función then llama a la función de cumplimiento, y si nuestra condición es res, entonces se llama automáticamente esta función **** nombre catch. Y va a llamar a esta función en resction. Entonces la función va a llamar a la función de cumplimiento, y la función de captura va a llamar a la función de resction Resumimos el tema. Al principio, vamos a crear una promesa, y dentro de la promesa, vamos a crear una función. En esta función, aquí necesitamos tomar dos variables. Nuestra primera variable es para el éxito, y nuestra segunda es para el fracaso. Entonces creamos una condición dentro de esta promesa. Si se cumple la condición, entonces va a llamar a resolver, y si la condición falla, entonces se llama descanso. Si se resuelve la llamada a la función, entonces automáticamente se llama este nombre de función cove entonces, y resto a la función llamada, entonces se llama automáticamente el nombre de la función cove catch. Ahora podrías tener duda de cómo podemos enviar argumentos a estas funciones. Para nuestras funciones, como puedes ver, tenemos parámetros, resultado y error. Cómo podemos enviar el valor a esta función. Siempre que llamamos, resolvemos, de lo contrario, función de descanso con esta función, enviamos el valor. Como pueden ver, aquí está el éxito, aquí está el fracaso. Siempre que llamemos a la función de cumplimiento, esta masa va a asignar a este resultado de nombre variable. De la misma manera, se trabaja para la resección. Esto es para este tutorial. En el siguiente tutorial, vamos a iniciar la práctica. Gracias por ver este video, estado para el siguiente tutorial. 18. Método de promesa en Javascript: Por último, vuelvo a mi editor de código iso Sudo. Y se puede ver, creo un archivo STL llamado index dot STML Y también abro este archivo en mi navegador usando la extensión Life Server. Dentro de la etiqueta head, primero voy a escribir script tag. Dentro del guion tack, primero, voy a tomar una variable Tarde, completo, y su valor es cierto. Es un valor de Van, y voy a comprobar este valor en nuestro método prometido. Haremos nuestro siguiente código dependiendo de este resultado, entonces voy a crear un método promise. Voy a tomar una variable name pro, y luego voy a usar nueva palabra clave, nueva promesa. Dentro de este método promise, tenemos que crear una función y escribir function keyword. Después dentro de los calibrados. Necesitamos crear condiciones. Voy a crear condición EP. Yo dentro del paréntesis, voy a comprobar nuestro valor variable Escribo mi nombre de variable completo. Yo cierto, redirecciona a condición, y yo falso, luego redirecciona a la condición de's. Como ya le dije antes, prométeme devolver sólo dos resultados. Está escrito descansar o cumplir. Para ello, necesitamos tomar dos parámetros en nuestra función. Para tener éxito, voy a tomar variable de resultado, y para descansar, voy a tomar variable de descanso. Si nuestra función está satisfecha, entonces dentro de la condición e, voy a usar la función de resolución. Si descansa dentro de la condición, voy a llamar a la función de descanso. No necesitamos crear esta función. Sólo tenemos que llamar a esta función. Si llamamos a esta función, entonces podemos usar nuestras funciones val, que es entonces y catch. Ahora voy a enviar mensaje para condición de resultado. Tengo éxito. Por resecto, voy a mandar otro mensaje Estoy fallido, y ahora voy a llamar a este objeto pro en nuestra consola. Consola dot log dentro de las llaves redondas pro, no es una función normal, es objeto No necesitamos usar latón redondo después del nombre del objeto. Si configuro este archivo, se puede ver en mi sección de consola, se puede ver en mi consola, se imprime, tengo éxito porque enviamos valor verdadero en nuestra variable completa. Si lo abro, se puede ver resultado prometido, estoy acertado y prometo estado cumplido. Pero si establecí un valor falso a nuestra variable y configuro este archivo, puedes ver un mensaje que me falló, y además está mostrando una flecha. Si abro esta promesa, se ve resecado el estado de promesa También podemos enviar parámetros como función normal. Voy a eliminar este valor de variable completo, voy a crear una función. Función pro dentro de la ronda ss completa, luego dentro del css, y voy a mover este código dentro del auto ss. Nuestra función va a devolver promesa. Por ahora, no necesitamos tomar variables. Voy a quitar este nombre de variable y devolver nueva promesa. Tenemos que pasar valor, ¿por qué llamamos a esta función? Si envío verdad, como argumento. Si configuro este archivo, puedes ver mi consola, imprimo, tengo éxito, y si envío falso como argumento. Ahora es impreso, fallé. O la función promesa funciona correctamente. Ahora voy a crear dos funciones distintas para resolver y para descansar. Para resolver, voy a crear una variable, tarde, incumplimiento, y voy a usar la función de flecha Cuando llamamos a esta función, voy a enviar un valor, que es resultado, y este valor vino de la función de resolución. Dentro del resultado del registro de puntos de la consola crass. Del mismo modo, necesitamos crear otra función para la sección resect Duplico estas líneas y reemplazo el cumplimiento con en resección y envío error como en parámetro Registro de puntos de consola, error de impresión. Como te dije antes, necesitamos usar la función covec para llamar a estas funciones, que son entonces y catch Pero primero, necesitamos llamar a la función pro, y dentro de los paréntesis, necesitamos enviar valor, y nuestro valor es t dt, entonces Si nuestro problema se resuelve, dentro de los paréntesis, necesitamos llamar a la función de cumplimiento, y voy a duplicar esta línea con fines de resección, y esta vez, necesitamos usar la función catch Y dentro del paréntesis, necesitamos llamar a la función de resección Por ahora, no necesito esta sección de bloqueo de puntos de consola, así que la voy a quitar. Si configuro este archivo, se puede ver en mi consola, se imprime, tengo éxito. Como te dije, promesa tiene tres etapas. Primero está pendiente, luego resolver y resecar. Hablemos de pendientes. Lo usamos antes del turno de promesa. Cuando devuelva la función, dentro de la función, primero, voy a atar consola dot log, por favor espere. Ahora está en etapa pendiente. Y luego voy a usar la función set time out. Establecer el tiempo de espera, y luego voy a crear la función de flecha. Cometí un pequeño error. Tenemos que escribir la etapa pendiente dentro de la función promise. Voy a seleccionar esta sección y moverla dentro del método promise. Dentro de la sección de tiempo de espera establecido, voy a pasar esta condición P, y quiero pasar esta condición por 4,000 milligaína Si configuro este archivo, se puede ver en mi consola, primero imprimir, por favor espere, y tenemos que esperar a que fuerce segundo. Pero luego se imprime, tengo éxito. Imprimo por favor espere dos veces. Para resolver este problema, voy a usar método de cadena y hacerlo entonces y coger la función de un trazador de líneas. Voy a eliminar esta función de caché y después de la falta de cumplimiento, punto de captura en resction Ahora bien, si el resultado es verdadero, se llama función de cumplimiento. Y yo falso, llama a la función de resección. Y si configuro este archivo, se puede ver en mi consola la sección impresión alojada, por favor espere. Tenemos que esperar a la fuerza en segundo lugar. Después se imprime, tengo éxito. Del mismo modo, si paso el parámetro false y configuro este archivo, tenemos que esperar a que la fuerza en segundo lugar. Y luego se imprime Im fail. Por favor, es nuestro mensaje pendiente. Usamos la función set timeout porque se tarda mucho tiempo en cim los datos del servidor Déjame mostrarte una cosa. Si no quieres crear esta función, puedes. En ese caso, usted llama directamente a esta función en la sección then o catch. Voy a copiar esta función de resultado y llamarla dentro de la función then. Del mismo modo, llamo a la función de error en nuestra función catch, y voy a comentar esta línea anterior. Si guardo este archivo, primero atropelló la etapa pendiente, luego se imprime, me parece porque enviamos valor falso a nuestra función pro. No sólo eso, podemos pasar argumentos múltiples a nuestra función pro. Por ahora, no necesito esta línea, así que la voy a quitar. Y dentro de mi función pro, voy a pasar dos parámetros, dos y siete. Dentro de mi función, voy a tomar dos parámetros x e y. Luego inserte la promesa, voy a tomar otra variable Z, Z igual a x multiplicar por y. Luego inserte la función set timeout, complete la variable replace con z. Si la multiplicación es posible, entonces dentro de la función result, voy a usar el método string tempted Dentro de los tics bac, tu resultado, colon, puerta seno dentro de las cliras Z, significa nuestro resultado Del mismo modo, dentro de la función resto, voy a enviar entrada incorrecta. Si configuro este archivo, primero, tenemos que esperar cuatro segundos. Después imprime nuestro resultado, 14. Porque pasamos al valor numérico, entonces nuestra condición es verdadera. Pero si pasamos un valor de cadena, entonces ¿qué pasa? Voy a pasar un valor de cadena como argumento. Siete reemplazan por t pequeña. Si configuro este archivo, ahora se puede ver en mi conzone Es una entrada incorrecta de impresión. Básicamente, manejamos errores usando el método promise. Espero que ahora entiendas lo que es promesa en Javascript Avanzado y por qué y cómo lo usamos. Gracias por ver este video. Nos vemos en el siguiente tutorial. 19. Promesa de todo: Hola, chicos, un placer verlos de vuelta. En el video anterior, cubrimos un tema llamado promesa. Esta es la segunda parte del mismo tema. En este video, vamos a aprender prometer todo método. Usamos promesa para verificar una condición. O nuestra promesa se resolverá, lo contrario será resecada Si nuestra función se resolvió para el trabajo posterior, Utilizamos entonces la función. Si nuestra función es resecada, entonces usamos la función de caché para mostrar nuestro mensaje de error Supongamos que tenemos tal situación, tenemos muchas promesas similares. Si usamos la función then o cache para todas las promesas, entonces nuestro código se volverá muy largo. Para resolver este problema, se ha introducido una nueva función en Java Script S six version. Prométeme a todos. Podemos verificar cada promesa a la vez con esta función. En nuestro caso, tenemos tres promesas. También puedes consultar miles de promesas a la vez. Como saben, cada promesa tiene un resultado. Tal vez resolver, puede ser descanso. Si nuestra promesa se resuelve, ya sabes, entonces usamos la función then. Pero hay que recordar una cosa. Si se resuelve toda la promesa, sólo ese tiempo, se puede utilizar entonces función. Si alguna de las promesas escritas descansa, entonces llamas a nuestra función catch. Déjame explicarte una vez más. Si tenemos promesa múltiple, entonces podemos verificar de una vez usando la función promise dot all. Si toda nuestra promesa se resuelve, entonces ejecuta nuestra función entonces. Si alguna de promesa descansa, entonces llama a la función de verificación. Déjame mostrarte el syntex. ¿Cómo podemos escribir la función promise dot all? Supongamos que tenemos una promesa NMP uno. Y dentro de la promesa, se puede ver, creo una función. Dentro de la función, imprimo un mensaje en nuestra consola, prometo uno, y voy a resolver esta promesa. Llamo función de resolución, e imprimo un mensaje uno. De igual manera, creo otro nombre de promesa P dos. Y dentro del registro de la consola, e imprimir, nuestro mensaje es promesa dos. También resuelvo esta promesa, y envío mensaje dos, y ahora quiero verificar esta promesa de una vez. Para eso, podemos usar nuestra función promise all. Cuando usamos la función dot all, dentro de la ronda res, podemos usar array, y podemos pasar múltiples promesas, algo así. Dentro del rebaje cuadrado, p1p2. Si tenemos 50 promesas, siguiendo el mismo método, podemos verificar todas las promesas. Solo usa coma y escriba nombre de promesa. Hay una ventaja en usarlo. Tenemos que llamar entonces y coger la función por una vez. No necesitamos usar ambas funciones varias veces. Dentro de la función then and catch, podemos escribir nuestros diferentes códigos. Te voy a dar la demostración práctica, y es hora de volver a mi retor de código iso studio Así que finalmente, vuelvo a mi editor de bacalao de Visual Sudo. Se puede ver lado a lado, abro mi editor de cód de Visual Studio, y abro mi navegador usando la extensión de servidor life. Primero, voy a escribir nuestra etiqueta script. Entonces dentro de esta etiqueta script, voy a crear nuestra primera promesa. Tarde P uno igual a nueva promesa. Dentro del proceso hacia abajo, voy a crear una función de flecha. Como saben, nuestra promesa siempre devuelve un resultado. O bien se resuelve, o bien es resultado. Por resultado, voy a tomar una variable name resolve. Para descansar, voy a tomar descanso variable. Puedes escribir cualquier nombre. Dentro de esta función, voy a usar la función set time out. Dentro de esta función de tiempo de espera establecida, voy a crear la función de flecha Voy a mantener nuestro código porque vamos a usar múltiples promesas, y sus tiempos son diferentes, y quiero ejecutar nuestra primera promesa tter una vez más Escribo uno multiplicar por mil. Cuando llamo a este mensaje, imprime algo en nuestra consola. Voy a escribir consola dot log dentro del latón redondo, la primera promesa se ha resuelto. Y entonces voy a llamar a nuestra función de resultado. Supongo que nuestra función siempre se resolvió, y quiero enviar un valor numérico en nuestra función de resultado. Ato cinco. Esta es nuestra primera promesa. Del mismo modo, voy a crear otra promesa. Selecciono el código y lo duplico. O promesa nombre es P dos, y además voy a imprimir en nuestra consola. La segunda promesa se ha resuelto, y nuestra función de resultado, voy a enviar diez como valor, y quiero retrasar esta promesa por 3 segundos. Del mismo modo, voy a crear otra promesa. Selecciono la promesa y la duplico. O nombre promesa es P tres. Consol dot log, voy a mandar un mensaje. La tercera promesa se ha resuelto. Y en mi función de resultado, voy a primero 30 como valor, y quiero retrasar esta promesa por 5 segundos. Ahora quiero verificar toda la promesa a la vez. Voy a usar el método promise dot all. Voy a escribir promise dot todo dentro del receso redondo. Si quieres verificar múltiples promesas, entonces necesitas usar. Dentro de este receso cuadrado, tipo poste, P uno, P dos, P tres. Este método va a comprobar todas las promesas una por una. Entonces voy a usar entonces función para resolver. También voy a usar la función de caché para la captura de punto de descanso. Si alguna de estas tres promesas se resecciona, entonces ejecuta la función de caché automáticamente Recuerda, entonces y catch es nuestras funciones de covec. Dentro de la función then, voy a crear una función de flecha. Nombre resultado. Dentro de la ci resis, puedes ver aquí que cada función ha enviado un resultado en nuestra función de resultado, cinco, diez, 30, y quiero imprimir los tres a la vez. Consola dot log, dentro de la ronda de latón, voy a usar plantilla de cadena de metilo. Dentro del bac tis, resultados, colon, seno dólar dentro del resultado de latón cuadrado. Es primavera el valor del resultado, que obtenemos de la función de resolución. Del mismo modo, voy a crear una función de flecha dentro de nuestra función catch. Y nuestro nombre de función es error, y dentro de la consola, va a imprimir mensaje de error. Básicamente, creo tres promesas diferentes, y cada vez que imprimo un mensaje en nuestra consola, y cada promesa envía valor diferente en la función de resolución. Como puede ver, cinco, diez y 30. Vamos a establecer el archivo. Si te muestro mi consola, puedes ver primero imprimir primera promesa tiene resultado. Después de dos segundos, imprime nuestro segundo mensaje. Después de cinco segundos, imprime nuestro tercer mensaje. Al final, obtenemos nuestro resultado como una matriz de. Si quieres calcular nuestro valor de resultados, sí, puedes. Dentro de mi función entonces. Necesitamos usar bucle foráneo. Entonces inserte la función then. Pero primero, necesitamos establecer una variable. V total igual a cero. Luego inserte la función then para insertar la base redonda, en resultado, quiero sumar todos los valores Acepte el valor en nuestra variable total. Ato total más igual al resultado. Nuestro resultado es una matriz. Dentro del cuadrado ss, necesitamos definir nuestro artículo. I. También, quiero mostrar el resultado. Duplicé esta línea de consola y dentro de las garrapatas traseras. Escribo total y dentro del carro resis, voy a pasar valor variable total. Ahora voy a guardar este archivo. Como puedes ver, imprime nuestros mensajes de promesa, y por fin, imprime nuestro valor total. Si todas las funciones se están ejecutando, entonces nuestra promesa todos los métodos llaman luego a la función. Si alguno de método escrito resto, entonces nuestra función de promesa escrito función de captura. Voy a resecar una de las promesas. En nuestro caso, prométeme tres. Comento la función de resultado, y voy a llamar a la función de respeto, e imprimir mensaje resto. Si configuro este archivo, se puede ver en mi consola, se imprime. La primera promesa se ha resuelto. Después se imprime, la segunda promesa se ha resuelto. Para nuestra tercera promesa, imprime, la tercera promesa tiene descanso, y nuestro método promise run catch function, error rest. Nuestra función entonces no funcionó aquí, y voy a mostrarles otro ejemplo. Se puede ver que estas tres promesas son muy similares tipo de promesa. Podemos hacerlo más pequeño. Voy a eliminar esta promesa de dos. Voy a crear una nueva promesa aquí, y voy a convertir esta promesa en una función. Primero, creo una promesa. Después inserta la promesa, voy a llamar a una función común. Y nuestro nombre de función es pro call, y dentro de la función, voy a pasar dos parámetros. Para el valor resuelto, voy a pasar un parámetro numérico, y para nuestro mensaje de registro de puntos de consola, voy a pasar el parámetro de cadena. Primero. Esta es nuestra primera promesa. De igual manera, voy a crear otras dos promesas, P dos y P tres, y también cambio nuestro mensaje. Por resultado, voy a pasar 15, y para nuestro mensaje de consola, voy a pasar segundo. De manera similar para la promesa tres, el valor de resolución es 20. Y nuestro valor de consola es tercero. Pero primero, necesitamos crear una función name pro call. Ahora quiero hacer de nuestro tiempo establecido una función, no una promesa. Elimino el código y empate late pro call igual a función. Dentro de la función, nuestro primer parámetro son los datos escritos, y nuestro segundo parámetro es message. Dentro de los datos escritos, vamos a pasar diez, 15, 20. Dentro de la variable mensaje, vamos a pasar primero, segundo, tercero. Puedes escribir cualquier nombre, y ahora voy a usar este parámetro en nuestra consola. Consola dot log dentro de la consola dot log, voy a hacerla dinámica dentro de las tomas bac, el dólar clibrass, dentro de las calibraciones, nuestro mensaje Si nuestra promesa se resuelve, envía datos escritos como valor, y quiero cambiar la función de tiempo de espera establecido dinámicamente. Entonces voy a enviar el valor de los datos de retorno a 100. La primera vez, se retrasa una vez más, luego demora 1.5 segundos, y nuestra tercera promesa es la demora de 2 segundos. Sabemos que cada función promesa devuelve algo, ya sea resolver o descansar. Pero no creamos ninguna función básica, que va a devolver resolver o descansar. Voy a cortar la función de tiempo de espera establecido, y voy a crear una función básica, y voy a enviar dos parámetros, resolver y descansar. Dentro de las calibraciones, voy a pegar nuestra función de tiempo de espera establecido. Es una función anónima. Va a devolver promesa. Cuando llamamos a la función procol, se escribe la función anónima Necesitamos escribir palabra clave escrita para esto. Básicamente es una función, que llamamos en nuestra función de promesa. Es una promesa, va a regresar, resolver, o descansar, y luego muestras nuestro mensaje dinámico. Establezca el tiempo de espera, y no necesitamos cambiar nada. Voy a poner el archivo. Puedes ver en mi consola, imprime dinámicamente nuestros mensajes. Si quieres cambiar el valor de resolución, sí, puedes. Vamos a cambiarlo. Nuestro primer valor es 20, y nuestro segundo valor es 40, y nuestro tercer valor 60. Si configuro este código, nuestra primera promesa es el retraso de dos segundos. El siguiente es el retraso de cuatro segundos. Después de seis segundos, imprime nuestra tercera promesa, y luego imprime nuestro total 120, y ahora voy a crear otra promesa, que va a devolver valor resecto Duplico esta línea. Y cambiar el nombre P cuatro. Dentro de esta promesa, voy a crear una función anónima, y tomo dos argumentos, resolver y descansar. Esta vez, quiero llamar a la función de descanso. Dentro de la función de descanso, voy a pasar un mensaje. La cuarta promesa ha descansado. Cuando configuro el código, nuestro método promise all va a llamar a la función catch. Vamos a establecer el código y a ver qué pasó. Pero antes de establecer el código, necesitamos llamar a esta promesa en nuestra promesa toda la función, P tres, P cuatro. Si pongo la partitura, puedes ver mi consola. Primero, imprime el error. La cuarta promesa ha rechazado, luego ejecuta nuestra promesa una por una, y no hay valor total en nuestra consola porque nuestro método promise escribió la función catch. Espero que entiendas lo que es el método promise, y ahora ya sabes por qué y cómo usamos el método promise. Gracias por ver este video. Nos vemos en el próximo taterial. 20. Introducción a Ajax: Hola, amigos, un placer volver a verles. Este es nuestro curso avanzado de Javascript. En este video, vamos a aprender qué es jx. Tratemos de entender cuál es el significado de hacha. Todos los personajes que ves dentro del hacha tienen algunos significados. A significa una sincronización, y J significa Javascript, A para n y x significa XML XML es algún tipo de formato de datos. Básicamente, az X solía crear páginas web rápidas y dinámicas. Primero, intentemos entender cómo podemos hacer que nuestra página sea primero y dinámica usando hacha. Supongamos que tenemos nuestro sitio web. Tenemos encabezado, nunca, y de lado en nuestro sitio web, y también tenemos una barra de contenido, y ahora quiero crear página separada para todos los enlaces Pero cuando hacemos clic en cualquiera de enlace, quiero cargar solo esta parte del contenido, no todo el sitio web. Sin contenido, todo es igual dentro de la página web. Al igual que NBWA, encabezado, sidewa. No quiero cargar nuestro JavaScript CSS cada vez. Se puede entender lo rápido que va a llegar a ser por esto. Te voy a mostrar otro ejemplo. Supongamos que tenemos un sidewar en nuestro sitio web, y quiero mostrar el aviso de actualización actual en esta sección También quiero que el usuario no necesite reformular esta página para obtener la actualización También es posible con AX. Vamos a tratar de entender cómo son AZx trabajo básicamente. Supongamos que tengo cliente y tengo servidor. O cliente solicita a nuestro servidor un contenido, y luego nuestro servidor envía una respuesta, y esta respuesta puede contener cualquier archivo o datos. Todo eso sucede aquí, cuando el servidor responde a nuestro cliente, entonces el cliente tiene que volver a usar esta página para obtener los datos Pero si estamos hablando de AX, es un poco diferente. En ese caso, el servidor no envía datos al cliente directamente. Usamos script Java entre ellos. JavaScript tiene una clase especial, solo para solicitud AX, nombre, XML STDP Debido a esto, lo que sea que queramos enviar a la solicitud en nuestro servidor, va a fondo. Entonces la solicitud va al servidor y trae la respuesta del servidor, y sin refrescar nuestra página, muestra el contenido, y este contenido puede ser de tres tipos. A lo mejor es archivo de texto normal, ya sea XML formado datos, de lo contrario, datos JSON. Podemos dividir todo este proceso en cinco pasos. En Java Script, llamamos a los cinco pasos, estado listo. Es necesario recordar el nombre del estado listo porque usamos este nombre para trabajos posteriores. Definamos los cinco pasos. Nuestro primer paso es cero. Aquí no inicializamos ninguna solicitud. Es totalmente neutral y luego viene nuestro Paso uno. ¿Conectamos nuestro servidor con el sistema local? Sólo entonces podremos enviar solicitud. En nuestro tercer paso, el servidor comienza a procesar cualquier solicitud que enviemos tan pronto como se complete el procesamiento del servidor y luego llega nuestro cuarto paso. En este paso, nuestro procesamiento está completo y el servidor está listo para enviar respuesta. Utilízalo en nuestro lenguaje de codificación. Básicamente, recordamos estos códigos, cero, uno, 234. Cada código tiene un significado. Si envío redis estado tres, es servidor medio procesando nuestra solicitud Si dije di declaró cuatro, es servidor malo enviar nuestra respuesta. Hablemos de qué obtenemos dentro de la respuesta. Básicamente, obtenemos dos cosas del servidor. El primero es el estatus, y el segundo es la apuesta de respuesta. Si solicitamos texto, necesitan texto de respuesta. Si solicitamos XML, entonces res XML. Estas son las propiedades de script de Java. Podemos usarlo en nuestros códigos. Si obtenemos texto de un servidor, entonces usamos texto de respuesta. Del mismo modo, si obtenemos XML, entonces usamos XML de respuesta. Si hablo de status, básicamente status es un código. Con este código de estado, podemos verificar lo que sea que obtengamos del servidor, ¿es correcto o no? Dentro de este estado, básicamente se trata de enviar tres códigos. Primero es 200, luego 403, y 404. Cada código tiene su propio significado. 200 significa, lo que sea que solicites a tu servidor, si cumple con tu solicitud, entonces envía estado, luego envía estado 200. Después vienen 403. Si el servidor no responde a su solicitud, tal vez haya algún problema en este servidor. Al fin, es mandar 404. Es mezquino, lo que sea que solicitemos a nuestro servidor, no está disponible en el servidor. Hay muchos códigos de estado. Pero estos tres son uno muy básico. Si quieres conocer más sobre el estado, solo tienes que buscar en Google, un estado CDP Aprendes cómo son los Ajs trabajo. Y ahora vamos a aprender cómo podemos escribir S X en nuestro JavaScript. En primer lugar, necesitamos crear un objeto usando X ST TV request, y ya aprendimos sobre las clases de objetos en nuestros videos anteriores. Puedes tomar tu propio nombre de variable. Esto no es obligatorio. En mi caso, nuestro nombre de variable es X HTP, y creo objeto usando esta clase, que es XML HTP request Usando este objeto, podemos enviar cualquier solicitud a nuestro servidor, y también podemos obtener cualquier respuesta de nuestro servidor. Si quieres acceder a algún archivo desde un servidor, en ese caso, tenemos dos métodos, Open y SN. Tenemos que usarlo juntos. Nuestro primer método viene con tres parámetros. Nuestro primer parámetro es método, y nuestro segundo parámetro es nombre de archivo. Hombre a qué archivo desea acceder. Nuestro tercer parámetro es ASN más. Hablemos de estos parámetros. Nuestro primer parámetro es el método. Básicamente, tenemos dos tipos de métodos, get y post. Si usamos la marcha para enviar datos, que cualquiera pueda leer los datos Si no quieres mostrar datos a nadie, en ese caso, necesitas usar post. ¿Por qué tratamos de iniciar sesión en un sitio web? En ese caso, utilizamos el Método post, porque no queremos mostrar los datos de inicio de sesión a nadie. Pero si buscas consulta en Google o YouTube, entonces puedes leer tu consulta desde la barra de URL. En su segundo parámetro, necesitamos proporcionar archivo. En nuestro caso, es archivo txt. Podría ser cualquier archivo, archivo Python, archivo PHP, archivo JS, y nuestro último parámetro es asincrónico Más Tengo sólo dos valores, ya sea verdadero, ya sea falso. Verdadero significa que abres luna asíncrona significa asincronizada, y en el siguiente video, voy a cubrir lo que es y en el siguiente video, voy a cubrir lo que es asincrónico Mo. Sólo recuerda una cosa. Si tu modo *** es verdadero, el resto del trabajo se hará hasta que los datos salgan del servidor Si establecemos false, nuestro archivo no ejecutará nuestro siguiente código hasta que obtengamos respuesta del servidor. Te sugiero que siempre pongas verdadero este valor. Este es nuestro método abierto. Para enviar esta solicitud, utilizamos otro método llamado send. Ayuda con este método, enviamos nuestra solicitud al servidor. Con esto, siempre verificamos estado listo. Nos dice si la solicitud viene del servidor o no. Y tenemos una función diferente para verificar este estado listo, que es el cambio de estado listo. Del mismo modo, uso mi nombre de objeto, luego uso mi método de cambio de estado listo. Es un trabajo como un evento. Siempre que nuestro servidor envíe diferentes tipos de estado, se imprime automáticamente este estado. Básicamente en esta función, comprobamos una condición. Para verificar el estado del servidor, necesitamos usar condición IP, algo así. Si dentro de la ronda ss, este punto dio igual a igual a cuatro y este punto thetus igual a igual a 200, ya aprendimos sobre diste Tenemos cinco diste diferentes. Si el valor diste es cuatro y nuestro estado es 200, entonces lo que sea que obtengamos del servidor, podemos establecer esto en nuestra página de estimación, algo así Se puede ver documento punto obtener elemento por ID, y podemos apuntar este elemento mil usando ID. En nuestro caso, nuestro ID es demo, y podemos establecer elemento en nuestro estil igual a este texto de respuesta de punto Es decir, sea cual sea el texto que obtengamos del servidor, podemos establecer en nuestra estructura estil Déjenme explicarlo una vez más. Primero, voy a crear un objeto. Usando un nombre de clase, solicitud XML STDP. Es mezquino para nuestra palabra adicional, voy a usar una X. En nuestra función open, necesitamos definir qué archivo quiero abrir. También necesitamos establecer el modo ASI true porque no quiero detener mis otras funciones. Usando el mismo método, enviamos nuestra solicitud. Con eso, siempre verificamos nuestro estado de descanso. Si redis state es f, significa que obtenemos nuestra respuesta del servidor Entonces podemos mostrar nuestra respuesta en nuestro archivo STL. No necesitamos actualizar toda nuestra página para obtener datos actualizados. Refresco solo nuestra sección est particular, no toda la página. Empecemos la práctica. Pero antes de comenzar la práctica, quiero decir una cosa. Si quieres ejecutar AX, entonces necesitas Lip Server. Puedes adquirir tu propio servidor Lip. De lo contrario, puedes usar ZM o Amocal host Server, pero voy a usar Life Server incorporado de nuestro editor VSO Esta es mi recomendación personal. Puedes probar el editor de código Viso Studio. Sin Live Server, no es posible. Es hora de volver a mi editor iso Studio Cod. 21. JavaScript avanzado: tutorial de Ajax: Para que veas, lado a lado, abro mis sellos a tu editor de código, y abro mi navegador usando la extensión Live Server. Ya creo un archivo estel en mi directorio, y quiero cargar un archivo de texto en mi archivo estel de punto índice usando S X. Creo un archivo X. Creo de texto nombre text dot txt dentro del directorio de contenido Se puede ver dentro de este archivo de texto, escribo algún texto. Hola, soy archivo de texto. Voy a cargar este archivo en mi archivo Index dot est usando S X. Voy a crear una etiqueta de párrafo, y nuestro ID es dim. Dentro de este párrafo, voy a escribir aquí cargamos datos, y ahora voy a crear un botón. Cada vez que hacemos clic en el botón, trae todo el texto de text dot text de file e print dentro de la etiqueta de párrafo, y nuestro nombre inferior es click, y voy a usar nplick Evento Dentro de n click, voy a usar una función, cargar datos. Dentro de esta función, vamos a crear nuestra S X. Si guardo este archivo, se puede ver en mi navegador, imprima nuestros datos estáticos. Al principio, voy a crear la etiqueta script, y dentro de la etiqueta crypt, voy a crear una función llamada load data. Como te dije antes, primero, necesitamos crear un objeto usando XML HTTP request class. Voy a tomar una variable, que es X HTP, igual a neu XML HTTP request class Puedes tomar cualquier nombre para tu variable. Entonces voy a abrir mi objeto. Voy a usar la función TP punto abierto. Como parámetro, primero tenemos que declarar nuestro método, y voy a usar el método Git, y luego necesitamos declarar a qué archivo quiero acceder. Hombre nuestro archivo. Primero, voy a escribir nuestro nombre de carpeta, luego text dot, y luego necesitamos enviar el parámetro blean Si quieres usar el modo sincronizado, entonces necesitas enviar verdadero V. voy a pasar true. Para enviar esta solicitud, voy a utilizar otro método do send TP send. Desde aquí, nuestra solicitud se enviará al servidor. Si enviamos solicitudes al servidor, una respuesta vendrá de ahí. Para verificar esta respuesta, voy a escribir algún código. Al mismo tiempo, también verificaremos nuestra etapa de estado. Para ello, voy a tomar mi objeto nombre punto. Voy a usar un método de cambio de estado listo. Y luego creo una función, algo así. La función se ejecutará continuamente. Siempre que se vuelva a registrar cambiar su valor. Dentro de esta función, necesitamos verificar, respuesta ha llegado o no. Siempre que el valor registrado sea cuatro, significa que obtenemos nuestra respuesta Voy a ejecutar una condición dentro de esta función. Si dentro de las carreras abajo, este punto redis declarado, igual a igual a cuatro, y este estado de punto igual a igual a 200, esto significa nuestro objeto Ya nos enteramos de ello. Sólo recuerda una cosa. Comprobamos la respuesta del servidor con estado D, y el archivo exacto que queremos excederse está disponible en el servidor o no. Para verificar este estado, utilizamos el estado de punto. Si el estado es 200, es decir que el archivo está disponible en nuestro servidor, e inserte la función, quiero mostrarte la respuesta exacta en mi consola. Consola dot log, inserte las llaves redondas, esta respuesta de punto txt Usando esta propiedad dot response ts, podemos imprimir la respuesta del servidor en nuestra consola. Déjame explicarlo una vez más. Primero, creo un botón en mi página de estimación, y asigno una función en este botón, nombre carga datos. Después creo esta función dentro de mi etiqueta script, y dentro de la función, primero creo un objeto llamado X STP Usando este objeto, podemos enviar solicitudes a nuestro servidor, y quiero enviar solicitud de archivo de texto punto de texto. Usando el método SN, enviamos nuestra solicitud, y luego utilizo la propiedad de cambio registrado para verificar el estado del servidor. Cuando el estado del servidor coincide con cuatro, entonces dentro de esta consola, se imprime el texto. Vamos a establecer el archivo. Y voy a hacer clic en el botón, y se puede ver en mi consola, se imprime todo el texto de nuestro texto hacer archivo de texto. Si cambio algo en nuestro archivo de texto, entonces escribo hello world, y configuro este archivo, puedes verlo en mi navegador, automáticamente recarga nuestro navegador porque estamos usando Live Server y este archivo está conectado con nuestro servidor Si hago clic en este botón, podrás ver el contenido actualizado. Se puede ver cuál habíamos solicitado desde el servidor, está funcionando correctamente. Si quieres mostrar este mensaje en tu página web, no en la consola, entonces necesitas usar el método document. Voy a encomiar esta consola dot log line y escribir document dot, get element by ID Dentro del receso redondo, voy a proporcionar nuestro ID de párrafo, Dm punto interior ESTEML igual a este punto, respuesta txt Si configuro esto mientras, y haga clic en este botón. Puedes verlo imprimir el texto en nuestro navegador. Usando el método esteml interno, podemos cambiar el contenido de esteml dentro de la etiqueta esteml Pero la pregunta es, si recibimos el estado de error entonces caliente. Para estos, necesitamos crear una condición SIP. Voy a hacer en esta condición IP y cambiar I L. Si nuestro estado es 404, y no quiero mostrar 404 masas a mi cliente. Dentro de la EstiML interna, voy a decir que no se encuentra Si el archivo de texto no está disponible en nuestro servidor, entonces se va a imprimir, no se encuentra. Voy a establecer este archivo. Y haz clic en el botón. Puedes verlo escrito nuestro contenido de archivo porque este archivo está disponible en nuestro servidor. Pero si cambio nuestro ame fino, y voy a cambiar mi nombre fino texto un txt, y establecer el archivo y volver a mi índice punto STL página, Si hago clic en este botón, se puede ver en mi navegador, se imprime, no se encuentra Pero dentro de mi consola , imprime 404. Puede establecer la condición para diferentes tipos de respuesta STB. Si cambio el texto fino m un punto TXT e intento imprimir este contenido en nuestro navegador, puedes ver esta vez, imprime nuestro contenido, y ahora quiero mostrar una cosa. Con nuestra etiqueta de consola, hay otra etiqueta llamada red. Cuando trabajamos con una X, envío respuesta en nuestra etiqueta X H R, X significa XML, H media HTTP, R significa respuesta. Se puede ver en respuesta, obtenemos un archivo de un servidor llamado text one dot txt, y su estado del servidor es 200. Es una solicitud ASX. El tipo es X HR. Si hago clic en el archivo txt, se puede ver la vista previa, y también se puede ver la respuesta. También se puede ver el tiempo. Aquí puedes ver cuánto tiempo tardó en llegar del servidor. Si haces clic en el encabezado, puedes ver el método de solicitud de ruta URL, puerta, código de estado, y también puedes ver mi dirección remota. Este era un texto normal. Pero en la vida real, utilizamos datos JSON. Para fines prácticos, podemos recuperar datos SN falsos. Hay muchos sitios web que pueden proporcionar datos SN falsos, y voy a usar este sitio web, marcador de posición JSN Si te desplazas un poco hacia abajo, puedes ver la opción de recurso, y voy a usar los datos de publicación. Es proporciona cientos de datos de demostración, algo así. Esto también son datos ficticios, y ahora quiero mostrar todo este post en nuestro sitio web Para ello, voy a copiar toda la URL, y voy a pasar esta URL en nuestro método abierto. Y voy a configurar este archivo y vuelvo a mi archivo índice, y voy a abrir mi consola una vez más. Abramos la pestaña de red y voy a mostrar mi estado de X HR. Ahora voy a hacer clic en el botón. Y lo puedes ver imprimir nuestro post todo en mi navegador. Y lo puedes ver impreso sobre todo el post en mi navegador. Además, puede ver el nombre del archivo estado del puesto 200 tipo X HR, tamaño del archivo 7.7 kV y el tiempo de respuesta 624 milis nuevamente Puedes ver muchos datos en nuestro navegador. No podemos entenderlo correctamente, y voy a imprimirlo en nuestra consola. Y voy a simplemente descommen esta consola dot log line, y no quiero imprimir todos los datos en nuestro navegador Solo quiero imprimir en nuestra consola, y voy a guardar este archivo. Vamos a presionar el botón de clic. Ahora puedes ver en nuestra consola, imprime todos los datos muy bien formateados. Se pueden ver diferentes títulos, diferentes ID, etcétera Usando Ax sin actualizar nuestra página, podemos volver a datos de nuestro servidor. Lo último que quiero decir, se puede ver que es un método largo. Puede complicar nuestro código. La mayoría de los desarrolladores utilizan la consulta J para ejecutar una X. De lo contrario, el desarrollador utiliza un nuevo método llamado FH, que se introduce en Java Script seis versión En el siguiente video, vamos a aprender sobre F API. Gracias por ver este video, estad atentos para nuestro próximo Taorial 22. Introducción de Json: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial. En este tutorial, vamos a aprender sobre JN. Vamos a aprender ¿cuál es el uso de JSN? ¿Por qué deberíamos aprender? Ahora, tratemos de entender cuál es el significado de Jasen JSN significa notación de objetos JavaScript. Si hablamos de cuál es el uso de JSN, se utiliza para almacenar e intercambiar datos Ahora podrías confundir que JSN está relacionado con JavaScript. No, no lo es. No está relacionado con Java Strip, pero hay una razón por la que usamos Java strip en su nombre. Hay una cosa en Java Strip, que llamas objeto literal. De lo contrario, objeto Javascript. Cuando se creó Jason, es bastante similar con los objetos JavaScript. Por eso se le conocía como notación de objetos de tira Java. Una vez más, te voy a decir, Java Strip no está relacionado con Jason. Solo se utiliza para almacenar e intercambiar datos. Ahora hablemos más de ello. Siempre que creamos un sitio web, de lo contrario , una aplicación web, depende de dos cosas principales. El primero es el cliente, y el segundo es el servidor. En tu sitio cliente, podría ser cualquier cosa. Quiero decir que podría ser un móvil, lo contrario portátil, computadora de escritorio, etcétera Siempre que necesitemos intercambiar datos y obtener la respuesta en el momento actual, lo contrario demasiado rápido, entonces usamos JCN entre ellos. Y como te dije, JSN no es un idioma. Es formato de intercambio de datos. Sin JSN, tenemos otro formato de datos popular, que es XML También se utiliza para intercambiar datos. Pero en comparación con XML, JN es más popular y confiable. Pero podrías tener duda, ¿por qué SN es más popular? Para entenderlo, primero, necesitamos hablar de su síntesis. Si hablo de formato JCN, se ve como un objeto JavaScript. En los objetos JavaScript, utilizamos latón coche, y también usamos K y par valor. Pero XML es diferente. Este es el formato de datos XML. Aquí necesitamos usar etiquetas como SML para contener datos. Como puedes ver, para el nombre, usamos para H, usamos la etiqueta S y para el objeto, cómo usamos la etiqueta de estudiante. Hay mucha diferencia entre Json y XML. Veamos la diferencia entre SN y XML. Primero, están llenos de. JN significa notación de objetos de tira Java, pero XML significa lenguaje de marcado extensible Es un idioma. Pero JN no es un idioma. El siguiente diferente es JN basado en formato de texto, pero XML basado en lenguaje de marcado Es bastante similar con HTML, y lleva tiempo aprender XML. Pero puedes entender JSL dentro de diez a 20 minutos. siguiente punto es que JSN es ligero, pero XML es más pesado Por eso JR es más popular que XML. Las etiquetas y las propiedades hacen que XL sea muy pesado. Pero el beneficio son las comunicaciones de soporte XML y el espacio de nombres. Pero JSN no soporta comentarios y espacio de nombres. Ahora, veamos la diferencia entre JN y el objeto Javascript. Como sabemos, JSN es bastante similar al objeto Javascript, pero no lo mismo que el objeto Javascript exacto. Primero, te voy a mostrar el objeto Javascript. ¿Cuándo creamos un objeto JavaScript, primer lugar para declarar un nombre de variable También solo para usar Cass para crear un objeto. Y dentro de estas calibraciones, tomamos clave, de lo contrario, podemos llamarlo propiedad y valor la misma manera para crear un objeto JSON, aquí necesitamos usar clibrass Pero lo diferente es, debemos tomar el nombre de la propiedad dentro de las comillas dobles cada vez. También necesitamos tomar cotizaciones duales por nuestro valor. Pero si hablo de objeto Javascript, no necesitamos usar doble cotización para nombre de propiedad. Además, podemos tomar códigos únicos por valor. Pero no podemos usar códigos únicos cada vez que creamos un objeto JN. Si quieres imprimir un objeto JN o un objeto Javascript, casi necesitamos seguir el mismo método. Ahora, hablemos de qué tipo de datos admiten JSL. Jen soporte, tipo de datos de cadena, tipo de datos de número, tipo de datos bulan, NA, objeto y null Si queremos enviar valor vacío, entonces usamos el tipo de datos nulo. De lo contrario, si olvidaste pasar un valor, entonces BdFal va a enviar null Para entender todos los valores, aquí creo un ejemplo Al principio, como te dije, tenemos que tomar cálices Entonces dentro de los cálices, aquí nos sentamos nuestra primera propiedad, que es ID, y como te dije, necesitamos usar códigos dobles para tomar el nombre de la propiedad Entonces aquí usamos el tipo de datos de número. Por eso no utilizamos ningún código doble. Nuestra siguiente propiedad es nombre, pero para nombre, aquí uso tipo de datos de cadena. Por eso tenemos que tomarlo en un doble copete, y para casados, aquí utilizo lean data type. Por eso aquí tomo verdad, y por un valor, no usamos ningún doble cadáver Si usa el tipo de datos booleano, aquí puede pasar verdadero, de lo contrario, valor falso Pero en el siguiente ejemplo, como puedes ver, aquí no mandas ningún dato. Por defecto, va a st ML V, y para esta propiedad de hobby, aquí uso valor. Por eso uso resis cuadrada y dentro de la resis cuadrada, tomamos los valores. Para una dirección, aquí usamos el tipo de datos de objeto. Es un objeto. Por eso hace tomar crass. Pero si notas para nuestro próximo vehículo de propiedad, hereje, objeto múltiple Dentro de este objeto, hereje, múltiples objetos, y se llama objetos anidados Estos son los tipos de datos que podemos usar en JN. Ahora, hablemos de las ventajas de JN. Jason viene con formato legible por humanos. Cualquiera puede entender fácilmente Js. Si alguien no viene de algún fondo de lenguaje de programación, también puede entender a Jason. La siguiente ventaja es, es completamente independiente del lenguaje. Podemos usar J con todos los lenguajes de programación como Python, PHP, Java Strip, coin, Java, cualquier lenguaje que uses. Además, JN es muy ligero de usar. Enviamos datos al servidor al cliente en formato JN. La regla JN P P en AX también planteó API de otra manera en AAPIs. Por eso es tan importante JasN. Pero hay una gran desventaja de JSN. No podemos transferir ningún archivo multimedia como JN formó. No podemos transferir imágenes de audio y video ni ninguna información binaria. Aquí podemos pasar solo información basada en texto, y aquí hay otra cosa importante que vamos a aprender en nuestra sesión práctica. Esto es para este tutorial. En el siguiente Tutorial, voy a iniciar la práctica sobre JSN Gracias por ver este video, Estatua. 23. Json Práctico: Hola chicos, me alegro de verles de vuelta. Por último, estamos en mi codtor de Visual Studio. Como puedes ver en mi directorio de trabajo actual, hay dos archivos. El primero es Índice punto estable, y el segundo es Primer punto archivo JN. Sí. Para crear un archivo JN, necesitamos usar la extensión Dot JN. Hablemos del archivo JCN. Como puede ver, nuestro archivo JCN comienza con calices. Como te dije, para crear un objeto JCN o almacenar un dato, necesitamos usar Cardss Después dentro del Css, tenemos propiedad y vue Si nota, puede ver todas las propiedades están en núcleos dobles. Nuestra primera propiedad es name, y es DataV string Nuestra segunda propiedad es H, y es el número Data IVs Nuestra tercera propiedad es hombre, y es lingotes de Data IV Por eso cae el tipo. Cuarto dato Vs, nulo. Por eso hea tipo, valor nulo. Si pasas algún valor, BdFol va a tomar null Nuestro segundo dato V es A. Es por eso que él guardo múltiples resultados, hobby, baile, futbol, cricket, y nuestros últimos datos IVs tipo de datos de objeto Para crear el tipo de datos de objeto, necesitamos usar calices, y configuro el Calise, aquí usamos algunas otras propiedades, P país y estado Estos son los datos de JCN que voy a usar en nuestro script Java Básicamente, JSN se utiliza para enviar datos desde este servidor al cliente Por eso sin servidor, no podemos ejecutar JSN correctamente Sí, puedes correr. Primero, necesitas convertir el objeto JavaScript en un dato SN. Entonces puedes ejecutarlo sin servidor, pero este no es un buen proceso. Porque en la vida real, no usamos así. Ahora, quiero usar estos datos SN en nuestro archivo STL de punto índice Vamos a saltar al archivo STL de punto de índice. Aquí puedes ver dentro de esta etiqueta script, H creo una solicitud de nombre de variable. Esto va muy bien a enviar una nueva solicitud STTP a nuestro servidor Entonces nuestra variable requiere punto, aquí uso abrir una función. En nuestra función abierta, tenemos el método del producto dos, puerta y el poste, y aquí utilizo el método de la puerta. Después Harry pasa el archivo fuente significa primer punto SN. Esta función abierta va a abrir el archivo JN desde el servidor. Entonces utilizo la función reque dot sen y dentro de la ronda ress proporciono argumento nulo Aquí usamos valor nulo porque aquí no enviamos ningún valor a nuestro servidor. Simplemente quiero obtener el archivo JCS de este servidor. Ahora, desde nuestro servidor, va a devolver una respuesta de texto. Entonces después de obtener esta respuesta de texto, necesitamos convertir la respuesta de texto en un objeto Javascript para eso solo para usar una función, que es partes. Aquí creo un dato variable. Datos significa que obtenemos del archivo JN igual a y aquí utilizo una función llamada N punto parse. Entonces dentro de la solicitud de proceso redondo significa esta variable solicita texto de respuesta de punto porque como te dije, todos los datos de Jen están en formato de texto. Esta función va a convertir estos datos SN en un objeto y almacenarlos variables de datos. Ahora bien, si pin esta variable de datos en nuestro consol bajo, entonces podemos leer los datos Vamos a abrir el archivo sin servidor. Aquí puedes ver, no ejecuto mi servidor en vivo. Quiero abrir este archivo de tabla desde el directorio. Si abro este archivo de tabla desde el directorio, como pueden ver en mi pantalla, es mostrar nada. Pero si te muestro mi consola y te muestro sección de consola, aquí puedes ver muchos errores. Porque para ejecutar una solicitud STTP externa, necesitamos servidores. Vamos al código vis studio. Ahora voy a ejecutar el mismo archivo con servidor en vivo. Herroc la opción, ir a vivir. Después de presionar, ir a vivir, va a abrir mi archivo desde el servidor. Ahora, si te muestro por qué consola sección Hroca ver el objeto Si abro este objeto, ahora se pueden ver todos los datos de nuestro objeto, licencia, dirección, afición, nombre, etcétera, estatus de mérito, todo Ahora convierte los datos JN en un objeto. Podemos acceder a todas estas propiedades una por una. Además, puedes realizar cálculos matemáticos y cualquier cosa. Así es como usamos JSN. Si desea acceder a los datos y particularmente, desea imprimir el nombre, simplemente escriba data dot property name, que es name. Si configuro este archivo y vuelvo a mi navegador, aquí se puede ver en mi consola, ahora es imprimir solo el nombre, agregar uno. Como te dije, ahora es completamente un objeto Javascript, así que puedes hacer ath con él. Solo necesitas recordar Jen dot parts function convert Jen toma datos en un objeto Javascript. la manera opuesta, si quieres convertir objeto Javascript en un JN toma datos, en ese caso, necesitas usar el método de stringify de puntos JN Déjame mostrarte. Aquí, voy a declarar otra variable. W y nuestro nombre de variable es OBJ. Es el objeto. Objeto igual a, es que el calrass, nuestra primera propiedad es nombre Nombra en su lugar el doble cos agregar uno. Nuestra segunda propiedad es. ¿Va el doble, lo contrario, voy a usar el valor neumónico, así que no necesitamos dobles núcleos, 30, y nuestro tercer valor es Ciudad y dentro de los dobles, ciudad es Nueva York. Este es un objeto de script Java. Ahora, necesitamos convertir este objeto Javascript en una cadena SN. Para eso, voy a declarar otra variable. Ahí y nuestro nombre de variable es mi JSN. Como te dije para convertir el objeto Javascript en un objeto JN en un dato JN. Necesitamos usar el método de cadena de puntos N. Tipo cadena de puntos JN. Luego dentro de la prensa redonda, necesitamos pasar el nombre del objeto, que es B j, y Segra a esta línea Ahora voy a imprimir estos datos JN, lo contrario, texto en mi etiqueta corporal. Aquí voy a crear una etiqueta profunda. No, voy a tomar una etiqueta de párrafo, P, y voy a asignar una identificación a este párrafo, demostración de identificación. Entonces y ahora voy a usar dorm para imprimir los datos SN en mi etiqueta de párrafo. Hm tipo docu GetElemen por ID y establecer la ronda ss o ID nombre Quiero decir est interior. Interior est igual a JS y sem dos en esta línea. Si configuro este archivo y te muestro mi navegador como puedes ver no está funcionando porque necesitamos mover esta etiqueta de script debajo de la etiqueta de párrafo. Voy a cortar esta porción, y voy a moverla por debajo de entonces etiqueta de párrafo, y volver a establecer este archivo. Ahora, si te muestro mi navegador, puedes ver el resultado. Como puedes ver, pre en los datos de texto tal como es. Si notas, puedes ver que es un dato de Jen porque está dentro de la C res. Además, también para el nombre de las propiedades, utiliza códigos duales. Así es como podemos usar Jen en Java Script. Vamos a conocer más al respecto en nuestra próxima tutoria. No te preocupes. Cuando aprendemos sobre A X y API, Jason juega el papel clave. Gracias por ver este video, Estén atentos a nuestro próximo tutorial. 24. Obtención de introducción de api: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con JavaScript adverso. En este tutorial, vamos a aprender un nuevo método, que es H. En nuestro tutorial anterior, aprenderemos sobre S X. Con eso, aprenderemos un nuevo método nombre XML STDP request Con la ayuda de ello, podemos usar SX en JavaScript. Pero viene con poca ventaja de Di porque necesitamos escribir algunos códigos innecesarios de alineación Resuelve este tipo de problemas, JavaScript introduce un nuevo método, que es f. usando el método fh, podemos hacer de todo, lo que hicimos con ASX Básicamente, podemos crear aplicación de cuajada usando el método ph Si quieres insertar datos en tu base de datos, sí, puedes. Además, puede actualizar sus datos, datos de radio y eliminar datos. Es bastante rápido en comparación con la solicitud XML STB. Además, es muy ligero. Ahora, déjame mostrarte el método syntex de F. Al principio, necesitamos llamar al método fh, fh round press, y similar a en esta línea Entonces si quieres leer un archivo desde el servidor, en ese caso, necesitas proporcionar la ruta del archivo, de lo contrario, URL, y podría ser cualquier archivo. Puede ser un archivo de texto, JCNile, archivo PHV, cualquier archivo de sitio servidor Y este método de página escribió una promesa. Como sabemos, cada vez que escribimos una promesa, podría ser exitosa, de lo contrario fracasó. Si nuestra promesa de éxito escrito, necesitamos usar entonces la función. Vamos a hacer lo mismo con Pah. Como ustedes saben, usando entonces la función, podemos hacer nuestro trabajo posterior. Pero aquí usamos entonces función para imprimir los datos en nuestro documento. Porque esta función entonces también escribió una promesa. Nuevamente, necesito usar una función then para manejar esta promesa. Entonces otra vez, de la misma manera, necesitamos crear una función dentro de esta función entonces, y esta función va a recibir la respuesta del servidor. Cualesquiera que sean los datos que obtengamos de esta URL, de lo contrario archivo , vamos a enviar estos datos a esta función, y va a almacenar en esta variable. En nuestro caso, respuesta. Y puedes tomar cualquier nombre de variable como desees, y no anclamos esta respuesta en nuestro documento. Simplemente devuélveme esta respuesta. Devolver datos de punto de respuesta. Datos significa formato de datos. Los datos no son un método. Aquí hay que mencionar qué tipo de datos recibimos de este servidor. Tomar datos, de lo contrario, datos JN. Después de recibir los datos, necesitamos enviar los datos en otra función entonces, y podemos manejarlos así. Punto de nuevo, tenemos que llamar entonces función, luego establecer la función den función res. Esta es nuestra primera función entonces, y esta es nuestra segunda función luego. Como te dije, nuestra primera función entonces también escribió una promesa, y necesitamos manejar esta promesa con otra función entonces. Aquí tomamos un resultado de nombre de variable. Ahora podemos usar el resultado final que obtuve del servidor. Podemos usarlo en cualquier lugar. Si quieres usarlo con consola, sí, puedes. También puedes pintar en tu documento. Esta es la parte de éxito de la promesa. Como saben, con promesa, también podemos manejar la parte fallida para manejar la parte de error, necesitamos usar la función catch. Así es como al mismo tiempo, podemos usar la función de caché para manejar el error y el mensaje de error de impresión. Por último, necesitamos usar la función de caché. Entonces necesitamos crear una función y necesitamos tomar una variable, y esta muy va a almacenar el mensaje de error. Y podemos imprimir el mensaje de error en nuestra consola de lo contrario documentar. Así es como funciona nuestra API F método fetch. Pero recuerda, para ejecutar un método fetch, necesitas usar Live Server Servidor de vida es muy importante para ejecutar el método FH. Si instala ZM o AM live server, está bien. Pero si no tienes servidores en vivo, entonces puedes instalar la extensión de servidor en vivo. En nuestro caso, voy a usar el coordinador de visa studio, y vamos a usar servidores en vivo. Con nuestro servidor p, FBI, no va a funcionar. Esto es para este truural. partir de la siguiente t ruural, vamos a iniciar la práctica Gracias por ver este video, estatua para el siguiente tutorial. 25. API de obtención: Puedes ver, abro mi editor W, y creo un archivo estel índice de archivo ESTEML abro este archivo en mi navegador usando la extensión Libserver, y voy a abrir mi consola en mi En este video, vamos a leer un archivo de texto usando el Método fetch Se puede ver en mi directorio, creo un nombre de carpeta contenido. Dentro de esta carpeta de contenido, ya creo un archivo de texto. En este archivo de texto, escribo algún texto ficticio. Quiero leer este archivo de texto en nuestra página de EstiML. Para esto, voy a escribir script tag dentro de nuestra etiqueta body. Y ahora voy a usar nuestro método fetch. Dentro de los talladores, necesitamos proporcionar la ruta de nuestro archivo de texto, contener barra de texto punto TXT Siempre que este archivo, envíe datos en respuesta para recuperar estos datos, necesitamos usar entonces la función. Dot entonces. Dentro del receso redondo, voy a crear otra función. Recibimos nuestra respuesta en esta función, así que voy a crear una respuesta de nombre variable. Puedes tomar cualquier nombre para esta variable. Pero el hecho es que trabajamos en la versión seis, así que puedes usar la función de flecha. Voy a convertir esta función en una función de flecha. Para eliminar la palabra clave de función, entonces utilizo rosine Dentro de las calibraciones, sea cual sea la respuesta que obtengamos de nuestro servidor, simplemente regresamos Pero primero, quiero imprimir en nuestra consola, lo que obtenemos de nuestro servidor, consola dot log dentro de las llaves redondas, respuesta Si configuro este archivo, se puede ver en mi consola. Obtenemos muchas cosas de nuestro servidor como respuesta. URL, cuerpo, encabezado, cotización de estado, y ya sabes si respuesta de nuestro servidor es exitosa, entonces nuestra cotización de estado sería 200. No se trata de información muy útil. Solo queremos acceder a nuestro contenido principal. Nuestro archivo escrito texto, lo que necesitamos usar otro método para volver a tomar el texto de respuesta de texto Yo me senté este archivo, se puede ver en mi consola, nuestra estadística prometida cumplida, y nuestro resultado de promesa es nuestro contenido de texto. Nuestra función entonces escribió una promesa. Ahora voy a devolver el texto porque nuestra función entonces devuelve una promesa. Ahora voy a crear otra función entonces después de esta función den. Voy a copiar la función, y voy a llamar a esta función justo detrás de esta función. Cualquiera que sea nuestra primera función escrita para almacenar este valor, voy a crear otra variable en nuestros nuevos datos de función entonces. Ahora voy a imprimir estos datos en nuestra consola. Consola dot log dentro de los datos redondos de bss. Si configuro este archivo, ahora se puede ver en mi consola, imprimo nuestro contenido exacto. ¿A qué queremos acceder desde nuestro servidor? ¿A qué queremos acceder desde nuestro servidor? No sólo eso, podemos imprimir en nuestro navegador. Documento punto escribir dentro de los datos de bss redondos. Si configuro este archivo, puedes ver mi navegador, imprime los datos del archivo en nuestro navegador, y podemos hacer nuestro más pequeño. Básicamente, utilizamos la función de flecha. No necesitamos escribir declaración escrita para ello. Voy a quitarlo y convertirlo en un trazador de líneas. Vamos a seguir el paso similar para nuestra segunda función entonces. Si configuro este archivo, se puede ver el mismo resultado. Si usamos el método patch en nuestra función de flecha, entonces solo para escribir una línea de código para recuperar datos del servidor. H recuperamos texto normal de nuestro servidor. Ahora quiero recuperar datos Json del servidor. Para ello, voy a usar datos falsos. Abro una nueva pestaña falsa de datos Json. Y voy a usar este sitio web. Marcadores de posición JSON. Puedes usar cualquier sitio web, pero la mayoría de las veces, me gusta usar este sitio web. Si me desplazo hacia abajo Poco mojado y aquí puedes ver como podemos usar datos falsos de SN con H API. Si te desplazas hacia abajo Little Wet, puedes ver algún recurso JSON. En esta ocasión voy a acceder a los datos del usuario. Si hago clic en él, se pueden ver los datos de diez usuarios. Se puede ver su nombre, su identificación, su correo electrónico, sus direcciones, es un dato falso, así que voy a usar estos datos. Se puede ver en mi navegador, estos datos de JSN están bien organizados porque utilizo la extensión JN VUR A lo mejor en tu navegador, no está bien prettificado Te sugiero que descargues esta extensión, y voy a copiar esta URL, y voy a reemplazar nuestra ruta de archivo local por esta URL. Ahora estamos tratando de acceder a JN cinco. Necesitamos usar response dot JN Math, y quiero imprimir nuestro archivo JCN en mi consola Consola de registro de puntos dentro del paréntesis, datos. Si configuro este archivo, se puede ver en mi consola, obtenemos diez registros como un objeto. Y si lo abro, se puede ver la misma información, nombre, nombre de usuario, correo electrónico, dirección de usuario, número de teléfono del usuario, página web del usuario, etcétera Usando Face API, podemos recuperar datos SN. Si se trabaja con el archivo PHP, manera similar, se proporcionan datos SN. Como te dije antes, cuando ejecutamos el método catch, no es malo, siempre es éxito escrito. También se puede escribir error. Si el archivo no está disponible en el servidor, a veces el servidor no responde para resolver este tipo de problemas, utilizamos el Método catch. Voy a usar punto catch. Ya nos enteramos de la captura en nuestros videos anteriores. Insertar las llaves, voy a tomar un nombre de variable erro voy a usar la función ero En mi consola, voy a imprimir nuestro error. Si configuro este archivo, puedes ver en mi consola, no hay ningún error porque nuestra solicitud funcionó correctamente. Pero si cambio la ruta URL, y voy a eliminar U del usuario. Ahora no hay SCRs de nombre de aleta en ese servidor. Yo configuro este archivo, se puede ver que hay un error. No recibimos ningún mensaje adecuado, pero solo muestra cuatro y 84 significa archivo no encontrado. Si te muestro la sección de red, puedes ver el nombre del archivo, estado SCRs 404, tipo, y también puedes ver tamaño y tiempo de respuesta Ahora quiero imprimir estos datos en nuestro documento, significa en nuestro navegador. Para estos, necesitamos usar bucle foráneo. Voy a quitar esta sección de bloqueo de puntos de consola y escribo sujetadores cli, dentro de la crase y voy a usar loop foráneo para dentro de la ronda ss A en datos Entonces dentro de la ronda ss, documento punto A. ¿Qué opinas? ¿Va a imprimir todo el documento a la vez? No. Vamos a ejecutar el código. Se puede ver imprimir diez números, 029. Una vez más, te voy a mostrar la consola, consola dot log data. Si ejecuto este código, puedes ver mis consolas. Yo hice algunos slimstk. Necesitamos escribir esta sección de registro de puntos de consola fuera del flop. Si estás en este código, puedes ver, está escrito un objeto. Pero dentro del objeto, hay diez objetos más, 01, dos, tres, cuatro, cinco, 6789 Necesitamos imprimir sus valores para andar el resultado adecuado. Para recuperar este valor, vamos a usar un valor variable Una clave de objeto de medios. Dentro de la ronda ress voy a teclear datos. Dentro de la plaza ress, voy a pasar la variable clave. Si configuro este archivo, se puede ver en mi navegador, es print object object porque hay más objeto dentro de este objeto. No podemos imprimir un objeto así. Necesitamos definir la clave exacta del objeto. Supongamos que quiero imprimir el nombre del objeto. Dentro de la función de escritura de punto de documento, voy a usar el método de cadena de plantilla dentro de las tomas traseras, dolor seno y sujetadores curados , y voy a pasar datos y latón cuadrado, y luego uso la etiqueta BA para romper la línea. Primero, declaro nuestro índice, luego tenemos que declarar nuestra clave exacta. Escribo el nombre del punto. Si configuro este archivo, ahora puedes ver en mi navegador, todo el nombre de usuario. Si quieres imprimir correo electrónico de usuario con su nombre, voy a escribir, y voy a duplicar este código, y vuelvo a probar el nombre con su correo electrónico. Si configuro este archivo, ahora se puede ver en mi navegador, se imprime el nombre de usuario y su correo electrónico también. Se puede ver en mi consola. Del mismo modo, puede usar toda la clave para recuperar datos particulares. Se puede ver dentro del objeto cero, hay otro objeto llamado address. Ahora decides imprimir el usuario Ciudad desde la dirección. En ese caso, primero, es necesario utilizar la palabra clave address address punto dirección. Una vez más, necesitas usar punto para especificar la consulta exacta, y solo quiero recuperar City de la barra de direcciones. Entonces escribo punto C. Si configuro este archivo, ahora lo puedes ver en mi navegador, imprime el nombre de usuario con su Ciudad. De esa manera, podemos imprimir datos en una tabla. Si te das cuenta, Haro recupera datos JSON del servidor en línea, y también recuperamos datos JSON del archivo local Déjame mostrarte el ejemplo. Si te muestro mi directorio de trabajo actual, puedes ver que hay un nombre de carpeta content. Dentro de la carpeta de contenido, ya creo un archivo JSON llamado student dot JS. Dentro de este archivo JN, ya inserto algunos datos, nombre del estudiante, edad del estudiante y su ciudad. Ahora quiero retirar estos datos locales usando H API. Primero, voy a cambiar nuestra ruta de archivo, contenido, barra o nombre de archivo, estudiante punto Json. Primero, voy a detener esto for loop, así que voy a comentar esto porque su clave es diferente. Primero, quiero mostrar los datos en nuestra consola. Si configuro este archivo, puedes ver en mi consola, recibimos dos datos, y puedes ver los datos de nuestro alumno, y nuestras claves son nombre, H y Ciudad. Si quieres mostrar los datos usando bucle F, y una vez más, voy a habilitar este bucle for, y no necesito direccionar sección, así que voy a eliminarlo. Y solo quiero imprimir el nombre del alumno y su ciudad. Si guardo este archivo, puedes ver el resultado en nuestro navegador. Imprime el nombre del alumno y su ciudad. Si quieres mostrar meses de error dinámicos en tu navegador, puedes. Dentro del método cache, voy a escribir document dot write. No puedo obtener datos, y voy a cambiar nuestra ruta de archivo. Voy a quitar A de estudiante. Yo guardo el archivo, se puede ver en mi navegador, se imprime nuestro mensaje de función de caché. No se pueden obtener datos. Si te muestro mi consola, puedes ver imprimir 404, significa archivo no encontrado. Espero que ahora entiendas cómo es el trabajo. En el siguiente torial, te voy a mostrar cómo podemos insertar datos en el servidor Lib usando API de Fitch Gracias por ver este video. 26. insertar datos con la API de extracción: En este video, vamos a aprender cómo podemos insertar datos en el servidor usando la API FH Para eso, necesitamos proporcionar la ruta del archivo del sitio del servidor, tal vez el archivo PHP, el archivo Python o el archivo.net Con eso, pasamos algún parámetro. Entonces uso coma y uso carliss. Dentro del carass, utilizamos algunas propiedades, y tienen algunos valores diferentes Nuestra primera propiedad es el método. Te lo dije antes, tenemos un método diferente para recuperar datos y N datos. Si quieres insertar datos, entonces necesitamos usar post Mathod Pero para JSN, tenemos algunos métodos más. ¿Por qué necesitamos insertar datos en nuestro servidor, necesitamos usar el método post. Pero si quieres actualizar los datos del servidor, entonces necesitas usar Put. Si quiero eliminar los datos del servidor, entonces necesitamos usar el método delete. Si solo quieres leer datos, entonces necesitas usar el método gate, y luego viene nuestra segunda propiedad, que es cuerpo dentro del cuerpo, pasamos esos datos, que tenemos que insertar en nuestro servidor, y puede ser diferente. Tal vez semel a partir de datos JCN datos o toma datos, y luego tenemos que pasar nuestro encabezado Tenemos que declarar el formato, sin embargo queremos enviar datos al servidor a través del cuerpo. Sólo quiero decir tipo de contenido. Para esto, necesitamos escribir un tipo de contenido de palabra Q, y luego necesitas escribir formato de datos de aplicación. En nuestro caso, JSN, es decir cualquier dato que enviemos de nuestro cuerpo, es un dato formateado de JSN Supongamos que no queremos enviar datos JN. Quiero enviar EstiML a partir de datos. En ese caso, necesitamos usar diferentes tipos de contenido. Barra diagonal de aplicación X, guión, WWW, guión de guión codificado por URL Si quieres enviar desde datos directamente, entonces necesitas usar este Pathod Déjame mostrarte lo práctico. Ahora voy a insertar datos a nuestro servidor usando F API. Ya sabes, no tenemos ninguna base de datos real. Voy a usar datos falsos de JN. Voy a usar nuestro antiguo nombre de sitio web JN Placeholder. Si me desplazo un poco, puedes ver, puedes ver un enlace, guía de nombres. Dentro de este enlace, puedes obtener el código que puedes usar para enviar datos al servidor, usando FPI Si quieres leer datos, entonces necesitas usar este código. Y yo anoté alrededor de poco peso, se puede ver una opción creando un recurso. Usando este código, podemos insertar datos en nuestro servidor de vida a través de la API HH, y se puede ver el método de tipo de contenido de encabezado post, y se puede ver otra función llamada N dot string fi. ¿Cuál es el significado de P? Sin embargo, los datos que obtenemos de nuestro usuario, es un objeto JavaScript, y no podemos guardar el objeto JavaScript directamente en el archivo JN. Usamos la función J string. Convierte el objeto JavaScript en un dato JN. Ya sabemos si intentamos enviar datos de JSN, entonces necesitamos declarar nuestro tipo de contenido aplicación JN Voy a usar todo este código. Lo selecciono y lo copio y dentro de esta etiqueta script, voy a anular el código. Usando este archivo, voy a insertar nuevos datos a nuestro servidor, y puedes ver la ruta de nuestro servidor en nuestra sección de URL. Si configuras el archivo y vuelves a la página, y puedes ver en mi consola, reten los datos, qué insertamos en nuestro servidor Puedes ver ID 101, título AO y ID de usuario uno. Esta es la respuesta para nuestro servidor. Es un dato ficticio, así que no va a guardar de forma permanente. Pero este es el método exacto, debemos seguir cuando intentemos insertar datos en servidor usando HPI Es un dato falso. Si cambio el título, hola mundo, y guardo el código, puedes ver un error en nuestra consola. No es 404. Este sitio web proporciona un archivo de demostración. No podemos agregar datos diferentes al servidor. Podemos utilizar este enlace a la página web con fines de práctica. Pero si usamos nuestro propio código PHP o cualquier otro lenguaje del lado del servidor, entonces podemos establecer los datos en ese servidor. No solo eso, puedes crear el objeto fuera de la etiqueta body. Déjame mostrarte. Voy a copiar el contenido del objeto y fuera del PHPI, voy a crear una variable Po VG V igual a, creo un objeto JavaScript usando misma clave y valor y dentro de la sección body, voy a convertir este objeto Javascript en un dato JCN Punto JSN, cadena si f, dentro del rebaje redondo, O Vj Si configuro este archivo, puedes ver la respuesta en nuestra consola. Espero que ahora te quede claro qué es el método p y cómo podemos usarlo. Si vuelvo a la guía de marcadores de posición de JCN, puedes ver cómo actualizar el método de recursos, necesitas cambiar el nombre de tu método Y hay que seguir el paso similar. Eso es. Para eliminar datos, solo necesitas usar el método delete. En tu URL, necesitas proporcionar el número de índice exacto. Se puede ver post uno. Espero que disfrutes este video. Gracias por ver este video. Nos vemos en el siguiente tutorial. 27. Introducción de Async: Hola, amigos, un placer volver a verles. En este tateral, vamos a aprender dos nuevas características de JavaScript. ASIS y Abed. Tratemos de explorar qué es la función ASIS. Como hacemos funciones normales en nuestro caso, pegarlo, si escribo palabra clave ASN antes de la palabra clave function Entonces se convertirá en una función ***. Pero la pregunta es, cuál es la diferencia entre una función normal y una función Assing Como función siempre escribimos una promesa, y aprendemos promesa en nuestros videos anteriores, y conocemos promesa escrita a tipo de función. Resolver y descansar. En base a esto, hacemos nuestro trabajo posterior. Si se resuelve, entonces llamamos a la función, y si nuestra promesa es resecada, entonces automáticamente llamamos a la función de caché Nuestra función Assing funciona como promesa. Se puede resolver o descansar. Del mismo modo, podemos llamar a la función then para resolver, y podemos llamar a la función de caché para resect Ahora la pregunta es por qué usamos la función As ya que ya tenemos el método promise. Si recuerdas, hay una pequeña complicación en nuestro método de promesa. Cada vez que necesitamos declarar, resolver o descansar la función en promesa. Para resolver esta complicación, Javascript introduce la función Assn Es muy fácil de operar. Solo necesitas escribir como palabra clave antes de la palabra clave function, y no necesitas cambiar en tu función. Quiero decir una cosa. Nuestra función promise introduce en Javascript ES six version, y la función ASN introduce en Java Script ES 2017 version Desde aquí, se puede entender por qué JavaScript introduce la función Asne Tanser es simple de resolver la complicación promesa. Todas las cosas que podríamos hacer dentro del método promise, podemos hacer en función Asne Sin perder el tiempo, volvamos al editor de código is Sudo 28. Tutorial de Async: Aquí puedes ver lado a lado, abro mi codaor de visual studio y abro mi navegador usando la extensión del servidor Lib, y ya creo un archivo EstiML llamado index dot ETml Primero, voy a crear scriptag. Dentro de este scriptag, voy a crear una función normal Función gusto, y esta función va a devolver una cadena, hola mundo. Llamemos a la función de sabor. Quiero llamar a esta función en mi consola. Consola dot log, dentro del paréntesis, gusto. Vamos al expediente. Se puede ver en mi consola, se imprime, hola mundo. Aquí no hay nada nuevo. Es básicamente una función normal. Convertiremos la función en una función as. Para esto, necesitamos escribir As palabra clave antes de la palabra clave function. Ahora bien, esta no es una función normal. Esta función sólo funciona en asincronizar más. Medios en nuestros antecedentes. Si guardo este archivo, puedes ver mi consola , escribió una promesa. Se puede ver mi consola, promesa resultado, hola palabra, promesa estado cumplido. Ahora está claro para ti. Si usamos una palabra clave antes de la función, se escribe una promesa, y ya sabemos que podemos usar la función then o catch con promise. A ver. Voy a comentar esta línea y luego voy a llamar a esta función, gusto. En nuestra función Assn, no necesitamos usar la función resolve o rest Podemos llamar directamente luego a la función. Dentro de la función then, voy a crear una función de flecha. Cualquiera que sea esta función devuelve, y si se ejecuta con éxito, nuestra función entonces llamada automática y dentro de la función then, podemos imprimir nuestro valor de retorno. Registro de puntos de consola, dentro del resultado del paréntesis. Necesitamos crear la variable de resultado como parámetro para almacenar valor. Resultado. Puedes tomar cualquier nombre. Si guardo este archivo, se puede ver en mi consola, se imprime hola mundo. Hay varios métodos para crear la función Assn en JavaScript. Podemos crear la función Asne con la función de flecha normal. Déjame mostrarte. Primero, voy a tomar un sabor de nombre variable. Sabor tardío igual a, y esta es nuestra función ase. Esta es otra forma de crear la función Asne. Si configuro este archivo, se puede ver en mi consola, está escrito hola. Es principal es funcionar correctamente. Si quiero encajar en una función de flecha, sí, puedo. Para ello, no necesitamos escribir function keyword. Y luego uso igual a en gratinado luego seno. Ya sabes si hay una sola declaración en nuestra función de flecha, entonces podemos eliminar estos clibrass, y podemos convertirlo en un trazador de líneas, y también podemos eliminar esta R. escrita Si configuro este archivo, puedes ver que funcionó correctamente Se puede ver lo pequeña que se ha vuelto la función R. Tratemos de entender qué es el método veterinario. 29. Await introducción: Hablemos del método At. En método, trabajar dentro del método asíncrono. Para ejecutar el método veterinario, primero, necesitamos crear la función Assn Como puedes ver en tu pantalla, creamos una función Assn name taste. Dentro de la función, imprimo tres declaraciones. Si llamo a esta función, va a imprimir tres de esta afirmación una por una. Supongamos que tenemos algún código aire esta función, entonces se imprimirá después de eso. Hablemos del método At. Podemos usar el método At en nuestra función Assn. Solo necesitamos escribir la palabra clave At antes de cualquiera de la línea central, algo así. El significado de la línea es, le dije a mi compilador que esperara después de imprimir el registro B. ¿Cuál es la ventaja de esto Hasta que se complete el proceso de la consola B, entonces el código fuera de nuestra función Assn, comience a ejecutarse Si llamo a la función de prueba, primero, va a imprimir la consola A, ahí viene al método At, y aquí le dije a mi función *** que esperara Imprime consola B. Después de eso, sea cual sea el código que esté ahí, no lo ejecutará. Salta fuera de la función de prueba e intenta ejecutar nuestros otros códigos. Cuando se completen todos los demás códigos, volverá a la función At. Se comprobará si nuestro trabajo está hecho o no. Si nuestro código está completo, entonces cualquiera que sea el código que esté ahí, dentro de la función ***, comenzará a ejecutarse. Cuando usamos el método At en la función Assing, deja de ejecutar nuestra función y salta fuera de la función e intenta ejecutar otros códigos Cuando se completan otros códigos, vuelve al método At e intenta ejecutar e intentar ejecutar otro código de función ***. Principalmente lo usamos. Cuando quieres arreglar los datos del servidor, y los usamos con nuestro método fetch Usando este método fetch, podemos recuperar datos del servidor Pueden ser datos JSON o toma datos. Los datos que queremos obtener del servidor pueden tardar un tiempo en llegar Y nuestro código externo continuó ejecutándose hasta que los datos vinieron del servidor. Cuando los datos completos entran, vuelve a la función At otra vez. Entonces seguimos haciendo la siguiente tarea de nuestra función. Comencemos la práctica y veamos cómo podemos usar el método At con nuestra función Assing 30. Tutorial de Await: Aquí puedes ver, una vez más, abro mis vises a tu creador y navegador microme, y ya creo una función asíncrona nombre gusto, que Primero, voy a imprimir una declaración fuera de la función. Consola de registro de puntos dentro del paréntesis un mensaje de dos puntos. Es mezquino que este es nuestro primer mensaje. Aquí vamos a entender cómo funciona una función wet, y voy a copiar el mismo mensaje y pegarlo dentro de la función asin, y voy a duplicarlo a tiempo. Además, voy a cambiar su identificación, dos, tres y cuatro. Primero, va a imprimir nuestro mensaje una declaración. Entonces va a llamar a nuestra función gusto, que es una función Assn Entonces imprime nuestras tres declaraciones dentro de la función ase. Una vez más, voy a imprimir en nuestra consola otras masas, Misas cinco. Si guardo este archivo, se puede ver en mi consola, se imprime todas las masas en serie Masa una masa dos masas tres masa cuatro masas cinco. 2-4, todos son de la función Assn. Ahora voy a escribir en método antes de las masas tres. Ya te lo dije, ¿cuál es el significado de At? Espera y completa el trabajo. Hasta que este trabajo esté hecho, complete nuestro otro trabajo, luego es regresar a nuestra función At y verificar. ¿Está terminado o no? Si está terminado, entonces imprime masas cuatro. Voy a guardar este archivo una vez más. Puedes ver que es cambiar nuestra secuencia. Se puede ver primero imprimir masas uno. Entonces llamo a nuestra prueba de función, que es una función Assing Imprimo su primera declaración dos. Después se imprime En las masas, El hombre masas tres. Pero también declaro nuestra función al ingenio. Mientras esté esperando, se imprimirán las masas fuera de la función de prueba. Después de las tres, es imprimir cinco, no cuatro. Tan pronto como se hace el trabajo, ha vuelto otra vez a comprobarlo, ¿funciona correctamente o no? Si funciona correctamente, entonces imprima las masas cuatro. De esa manera, nuestro método At trabaja en nuestra función ath. Intentamos ejecutar At Method sin función acing, entonces está escrito er. Ahora voy a mostrarte cuál es el uso real de At Method. Dónde y por qué usamos At Method. Siempre que intentemos enfrentar datos del servidor, entonces necesitamos usar At Method. Aquí voy a usar el Método Fetch, y lo aprendemos en nuestro video anterior Aquí voy a buscar un dato JSON, y ya creo un archivo JN en mi directorio de trabajo actual. Déjame mostrarte. Aquí se puede ver, creo un nombre de carpeta contener. Dentro de esta carpeta, se puede ver un archivo JN llamado student dot JSN Tenemos tres registros en nuestro expediente. Nombre Ag y Ciudad. Es un formato SN. Además, puedes recuperar datos falsos de JN del sitio web, básicamente con fines de prueba. Volvamos al archivo index dot EstiML, y ahora voy a usar el método Fetch Primero, voy a crear una variable, y voy a quitar esta línea. Const respuesta igual a f, y dentro del método F, voy a pasar mi URL, content student dot JN Antes de esta función f, voy a usar nuestro método. Espera. Es principal, le dije a mi función esperara y buscara los datos completos de nuestro archivo JCN Hasta que se complete el proceso, se ejecuta nuestro siguiente código. Tan pronto como termina todo el trabajo, vuelve a la función AD y continúa con las siguientes líneas. Sabemos que nuestro método fetch escribió una promesa. Voy a crear una variable. Pero primero, voy a quitar esta línea. Cs estudiante igual hacer, y una vez más, voy a usar At Method, respuesta punto JSN, y aprendemos nuestro trato en nuestro video anterior Básicamente, nuestro método fetch devuelve JSN o formato de texto. En respuesta, obtenemos el archivo JSN, por lo que necesitamos usar dot Json. Voy a devolver todos los datos que recojo del archivo AJCN, estudiante escrito y un valor escrito de estudiante Sabemos que nuestra función Assn escribió una promesa. Primero, va a imprimir masas uno, y luego va a ejecutar mi función gusto. Es la función Assn, así que va a imprimir masas dos Después de eso, estamos pidiendo esperar aquí. Después de nuestra primera función At, voy a imprimir otro mensaje, masas tres. Además, voy a crear una variable para nuestra función call, t x igual al gusto, y quiero imprimir esta respuesta en nuestra consola. Entonces voy a escribir consola dot log dentro del latón redondo, x. vamos a sorber el código. Se puede ver en mi consola, como puede ver, primero imprimir masas una, y luego llamamos a nuestra función gusto. Imprimo masa dos, y después te dije a ocho Aquí voy a buscar datos del servidor. Por lo que se saltó de esta función y comenzó a trabajar en el masaje cuatro. Puedes ver mi sección de consola. Imprime cuatro hasta dos, y cuando el masaje cuatro está completo, llamamos nuestra variable x. Se está volviendo a la función Assn y obtiene una respuesta del servidor, y se puede ver que imprime nuestra respuesta como una promesa Se puede ver que tenemos dos array en nuestra promesa. Nuestra estadística de promesa se cumple. Después de completar la sección de promesa, entonces imprime nuestras masas tres. De esa manera, usamos el método asincrónico y Avid con nuestra función fetch Ahora voy a eliminar todos los mensajes extra. Entonces voy a quitar toda la sección de consola. Ahora se ve bastante simple. Primero, regresa a la función para nuestro contenido de búsqueda. Seguirá esperando hasta que los datos salgan del servidor, y le dijimos a nuestra respuesta que esperara una vez más Yo uso otro método At. Entonces devolvemos nuestro resultado. Si configuro este archivo, se puede ver en mi consola. Como resultado, obtenemos una promesa, y tenemos dos array en nuestra promesa porque en nuestro archivo JCN, tenemos dos resultados, y como saben, podemos usar la función then y catch con el método promise Primero, voy a quitar la sección de consola, y también voy a eliminar esta variable x Primero, llamamos a nuestra función de prueba. Si escribió promesa con éxito, entonces vamos a usar entonces función. Dentro de la función then, voy a crear una función de flecha. Además, voy a crear el método de caché hasta eso. Dot catch y establecer los paréntesis, voy a crear otra función de flecha Si hay un error en nuestra función, entonces automáticamente ejecuta la función catch. Ahora voy a guardar el expediente de estudiante en una variable. Nuestro nombre de variable es RES data significa datos de respuesta, y voy a imprimir este valor en nuestra consola. Consola dot log datos Rs. Si hay un error en nuestro código, nuestro pathol de caché va a imprimir otro mensaje de error Voy a crear otro error de variable. Dentro de la función de error, voy a imprimir error de registro de puntos de consola. Primero, llamamos a nuestra función AN gusto, y escribió una promesa. Si se cumple promesa, entonces se ejecuta entonces función. Si hay un error en nuestra función, ejecuta automáticamente la función de caché. Si configuro este archivo, se puede ver en mi consola, se escribe una matriz, y si abro esta matriz, se puede ver que proporciona objeto Son. Si cambio la ruta del archivo, entonces voy a eliminar una de estudiante. Y establecer este archivo, se puede ver en mi consola, se imprime una flecha 404, archivo Mans no encontrado. Ejecuta nuestro método de captura e imprime la flecha. Ahora, veamos cómo podemos convertir tantas líneas en una línea. Yo sólo quiero que sea un trazador de líneas. Primero, voy a comentar toda esta línea. Principalmente, estamos enfocados en fetch y método At. Voy a regresar dentro del paréntesis, voy a llamar al método At, y quiero devolver JN de él Yo uso la función punto SN. Lo hacemos un liner. Si configuro este archivo, se puede ver en mi consola, manera similar, se escribió una matriz, y tenemos dos objetos JSON dentro de esta matriz. Aquí puedes ver, convierto tres líneas de código en una sola línea. Hablemos de nuestro último tema, la entrega de errores. Básicamente, manejamos nuestro error usando la función catch. Hay un inconveniente al usar la función de captura. Cuando llamamos a la función de prueba, cada vez que necesitamos usar método catch para manejar el error. No quiero usar cada vez. Hay un atajo para manejarlo. Voy a descomentar todas las líneas y comentar esta sección de devolución Básicamente, utilizamos tri catch para manejar este error. Dentro de la función Assing, utilizamos el bloque tri cache En nuestro próximo video, aprenderemos más sobre tri cache. Dentro del bloque probado, escribimos todo nuestro código. Entonces voy a mover este código dentro del bloque probado. Es mezquino que estamos probando este código. Si funcionó correctamente, entonces escribió, y podemos acceder a esto en nuestra función entonces. Si hay un error en este bloque de tribu, entonces se ejecuta automáticamente el bloque de caché. Dentro del bloque de caché, imprimimos nuestra flecha. Voy a mover este mensaje de error en este bloque, y voy a eliminar el método cache, y también necesitamos declarar la variable de error dentro del bloque de error. Siempre que llamamos a la función de prueba, entonces no necesitamos escribir método de caché para manejar la flecha. Si configuro este archivo, se puede ver en mi consola, podemos acceder a nuestros datos con éxito. Si creo un error dentro de mi función, entonces voy a cambiar una ortografía de respuesta, RS dou dos PON SC. Se puede ver que no hay variable m, resto 22 puntos. Sabemos que va a devolver un error. En ese caso, ejecutará nuestro bloque de caché. Si configuro este archivo, puedes ver un error en mi consola. Se imprime. Error de referencia. Descanso 22 libras no está definido al gusto porque no definimos esta variable en nuestra función. También imprime otro mensaje indefinido. Puedes ver cómo podemos manejar error usando tri tu bloque de caché. Es bastante similar con tri excepto condición en Python. Si hay un error en nuestro tri block, entonces automáticamente salta al bloque de caché e imprime nuestro mensaje de error. Voy a resolver este problema y volver a configurar este archivo. Ahora está bastante bien. Si quieres imprimir este resultado en tu sección de documentos, puedes. Puedes usar for loop para eso. Espero que ahora te quede claro qué es el método AC y AD y cómo podemos usarlo con nuestro método ft. Gracias por ver este video. Nos vemos pronto. 31. Introducción avanzada de símbolos de JavaScript: Hola amigos Natsio ba. En este tarial, vamos a aprender sobre símbolo. Ya sabemos del tipo de datos en JavaScript. Especialmente tenemos siete tipos de tipo de datos, cadena, número, lingotes, matriz, objeto, nulo e indefinido Pero se ha agregado un nuevo tipo de datos a esta lista, que es símbolo. En este video, vamos a aprender sobre el símbolo. Pero antes de aprender sobre el símbolo, hagamos una descripción general de nuestros antiguos tipos de datos. Supongamos que tengo un nombre de variable A. Si asignamos esta variable y dentro de los códigos dobles o códigos simples, si proporciono algún valor, entonces la llamamos cadena, y no importa ¿ es alfabético o numérico Es malo Un tipo de datos es cadena. Del mismo modo, si asignamos un valor numérico sin códigos, entonces lo llamamos tipo de datos numerado Pero si proporciono dos o falso sin cita, es principal es un tipo de datos booleano Pero si agrego múltiples valores en nuestra variable A, entonces podemos usar el tipo de datos AA. Para estos, necesitamos usar versos cuadrados, y luego podemos usar múltiples valores. Pero si quiero agregar clave y valor a la oración, entonces podemos usar el tipo de datos de objeto. Y si le asigno null a esta variable, entonces la llamamos tipo de datos nulo. Si no defino ningún valor a esta variable, en ese caso, podemos llamarla undefined. Sé que si estás en este curso, ya lo sabes. Sólo quiero revisar una vez más. Pero en este video, vamos a entender un nuevo tipo de datos, símbolo. Cuando se quiere utilizar el tipo de datos de símbolo, es necesario tomar variable, y necesita asignar con un método de símbolo Recuerda, esto debería ser capital, y necesitamos usar bases redondas después de eso. Dentro de este símbolo, podemos poner cualquier valor. Puede ser valor numérico o valor de cadena, algo así. Llamamos a este símbolo de cadena identificador o descripción. Siempre es un valor único. Quiero decir que no podemos asignar el mismo valor. Otro símbolo. Supongamos que tomo otra variable B, y voy a aportar el mismo valor. Como puede ver, el valor de la variable A y B es el mismo. A lo mejor se puede pensar, su valor es el mismo. Si tratamos de compararlos, está escrito cierto, pero esto no va a suceder. Si comparamos esto con variable, está escrito falso. Su valor se ve igual, pero no lo son porque el valor de los símbolos son únicos, y si tratamos de compararlo, se escribió falso. ¿Por qué necesitamos usar un valor único para nuestro programa? En ese caso, podemos usar símbolos. Comencemos lo práctico y tratemos de explorar más sobre los símbolos. 32. Símbolos parte 1: Aquí puedes ver, abro mi editor de código Visual stdio, y también creo un archivo ESTL, y abro este archivo ESTL usando la extensión life Server en Primero, voy a escribir script tag. Dentro de la etiqueta script, voy a crear un símbolo. Voy a crear una variable. El ID tardío igual a S debe ser. Símbolo. Imprimamos este símbolo en nuestra consola. Así que voy a escribir el registro de consola dentro del ID de paréntesis Si guardo este archivo, puedes ver mi consola, se imprime, es un símbolo, y voy a asignar un identificador al símbolo. Entonces voy a escribir hola. Puede ser cadena, tal vez número, lo que sea. Si configuro este archivo, puedes ver mi consola, sprint, hola. Si te muestro el tipo de datos, entonces voy a duplicar esta línea, y quiero imprimir tipo de identificación. Si configuro este archivo, puedes verlo símbolo sprint. Los símbolos significan un valor único. Intentemos demostrarlo, cómo es un valor único. Voy a duplicar esta línea y cambiar el nombre ID dos. Se puede ver que se ve igual y su valor es el mismo. Pero si comparo esta variable dos, está escrita falsa. Vamos a compararlo. ID equivale a regs a ID dos. Si configuro este archivo, se puede ver que escrito cae. Es decir que estos dos valores de variables no son iguales. Se ve bastante similar, pero no es lo mismo. Pero si uso cuerda, déjame mostrarte eso. Voy a revertir esta línea, y voy a cambiar el nombre tr uno y dos Ahora son cadena, no símbolos, voy a quitar la palabra clave symbol. Y también voy a quitar esta. Ahora voy a comparar este valor de dos. Dentro de la sección consol dot lock, voy a escribir St r uno y St dos, y voy a comentar este Si guardo este archivo, puedes verlo escrito verdadero porque en ese caso, no son símbolo, son cadena, y dos valores de variables son iguales. No son valor ic. Una cosa, recuerden, no podemos usar el valor del símbolo directamente en nuestro documento. Déjame mostrarte eso. Voy a quitar estas líneas. No necesito estas líneas por ahora, y también voy a quitar estas líneas. Como digo, no podemos imprimir el valor de símbolo en nuestro documento. Si intenté imprimir, entonces voy a usar una Alerta. Alerta dentro de los paréntesis, voy a imprimir ID Si ejecuto este código, es error escrito. Voy a establecer este código. Puede ver el tipo err, y también imprimir, no puede convertir un valor de símbolo en una cadena Si desea convertir el valor del símbolo en una cadena, entonces necesita usar algún método para convertir el valor del símbolo en una cadena. Déjame mostrarte eso. Necesitamos usar el método de dos cadenas. ID, punto, dos cadenas. Usando este método, podemos convertir la variable de símbolo en una cadena. Si configuro este archivo, ahora es s correctamente. Se puede ver en mi símbolo de alerta, hola. Necesito usar el método de dos cadenas para convertir el símbolo en una cadena. Entonces podemos usar este valor de símbolo en nuestro documento. Si quieres ver el valor exacto del símbolo, entonces necesitamos usar un método diferente. En ese caso, no utilizamos el método de dos cadenas. Voy a quitarlo, y voy a escribir ID punto descripción. No es una función, así que no queremos usar carreras redondas. Es sólo un método de símbolo. Si configuro este archivo, se puede ver en mi sección de alertas, ahora es solo imprimir hola, significa nuestro mensaje. En la siguiente parte de este video, voy a mostrar ¿cómo podemos usar el símbolo en un objeto? 33. Símbolos parte 2: Hola, amigos. Agradable volver a ver. En este video, vamos a usar símbolo dentro del objeto. Voy a quitar estas líneas, y voy a crear un nuevo símbolo. H tardía igual a símbolo. Por ahora, está vacío, y luego voy a crear un objeto. Voy a tomar una variable lim para objeto. Usuario tardío, igual a dentro del auto ress aquí, voy a crear el objeto. Sabemos que necesitamos usar valor y clave para crear un objeto. Nuestra primera clave de objeto es el nombre. Y su valor es sumar uno. Nuestro segundo objeto es la clase, y su valor es la clase diez. Ahora quiero usar este símbolo como clave. En ese caso, primero, necesitamos usar subidas cuadradas, y luego tenemos que escribir variable de símbolo. H, y necesitamos aportar valor. Entonces voy a escribir 25, es un valor numérico. B necesitas usar el símbolo como la clave dentro del objeto, luego necesitas usar versos cuadrados. Dentro del cuadrado ses, necesitamos proporcionar la variable de símbolo. Intentemos imprimir este objeto dentro de la consola. Voy a escribir registro de consola dentro del paréntesis o usuario objeto, punto y coma para terminar esta línea Si guardo este archivo, se puede ver en mi consola, sprint el objeto. Para nuestro primer valor es nombre sprint, segundo valor es clase sprint, pero para nuestro tercer valor, es símbolo de impresión, y no proporcionamos ninguna descripción a nuestro símbolo. Si quieres, entonces puedes. Como valor de símbolo, voy a escribir H. Si configuro este archivo, esta vez imprima el símbolo H, y hay otro método para usar símbolo en nuestro objeto. Voy a quitarlo. También me quito este coma. Y ahora voy a usar este símbolo en este objeto. Fuera del objeto, primero, voy a escribir nombre de objeto usuario. Dentro del proceso cuadrado, voy a tomar símbolo variable nombre igual a, y voy a asignar un valor, 23. Esta es otra forma en la que podemos usar símbolo con objeto. Si configuro este archivo, puedes ver mi consola, imprime nuestro valor adecuado. Como sabes, si quieres ver el valor exacto de cualquier clave, solo puedes escribir clase de usuario. Si configuro este archivo, puedes ver que está escrito el valor exacto, clase diez. Si quiero mostrar el valor del símbolo, no podemos usar este método. Déjame mostrarte, si lo intentamos, voy a platearme esta línea y quiero cambiar esta variable nombre H. Si configuro este código, puedes verlo imprimir indefinido. La clase es nuestra clave. H es nuestra clave, pero funciona con clase, entonces ¿por qué no funciona con? Si queremos mostrar el valor exacto del símbolo, en ese caso, no necesitamos usar punto. Necesitamos usar latón cuadrado. Tenemos que mover esta variable dentro del latón cuadrado. Si configuro este código, puedes ver ahora está escrito el resultado. Es necesario recordar para el tipo de datos normal, podemos usar punto. Pero para el tipo de datos de símbolo, necesitamos usar carreras cuadradas. Como sabes, podemos imprimir cada clave o valor de objeto usando bucle foráneo. Vamos a usar bucle foráneo. Intenta imprimir cada llave en nuestra consola. Voy a escribir cuatro, dentro de la clave led paréntesis en usuario Usuario significa nuestro nombre de objeto. Entonces dentro del auto ss consola dot log dentro de los paréntesis, clave Si ejecuto este código, va a imprimir nombre de estudiante, nombre de usuario, clase de usuario, pero va a mantener al usuario A porque es un símbolo. Quiero guardar este archivo. Ahora puedes ver mi consola, imprime la clase de nombre. Pero no imprime H Key, por lo que es imprimir solo dos clave nombre y clase. Pero si duplico esta línea y trato de insertar otro nombre clave género y género es masculino. Quiero mecanografiar masculino. Si guardo este archivo, se puede ver que imprime tres k de nuestro objeto, clase de nombre y género, pero se escapó H K porque es un símbolo. No podemos usar símbolo dentro del bucle foráneo, y hay que recordar que fue, y ya sabe por qué usamos ask object. Porque convertimos el objeto Javascript en un objeto JSR e intentamos enviar datos al servidor Si intento convertir este objeto de usuario en JN, una vez más, omita este valor. Déjame mostrarte esto. Se puede ver que tenemos cuatro valores en nuestro objeto, nombre clase H y ender. Primero, voy a quitar esto. No necesito este seguimiento. Y ahora voy a convertir este objeto en un archivo JSN. Voy a usar consola dot log. Dentro del paréntesis, voy a usar JN do stringif Mathl JN stringif Dentro del paréntesis, voy a proporcionar nuestro nombre de objeto, que Yo configuré este archivo, se puede ver escrito un objeto JS. Pero si te das cuenta, falta el valor H. Pero si solo imprimo este objeto en nuestra consola, veamos. Voy a quitar este paréntesis. Yo configuro este archivo, se puede ver, puede ver mi valor de símbolo de consola. Pero en mi objeto JS, no hay valor de símbolo. Debe recordar cada vez que usamos valor de símbolo en nuestro objeto, no podemos usar este valor en nuestro bucle extraño, y tampoco podemos convertir este valor en un objeto JS. Si realmente quieres convertirlo, entonces necesitamos convertir este valor de símbolo en una cadena. Como te dije antes, usamos el método description para convertir el símbolo en una cadena, y luego podemos convertirlo en un objeto J. No convertimos directamente el símbolo en un objeto. Básicamente, se trata de un nuevo símbolo de tipo de datos. Símbolo spin valor único. Rara vez se usa. Espero que ahora te quede claro, qué es el tipo de datos de símbolo Gracias por ver este video. 34. Introducción de iteradores: Hola amigos, me alegro de verte de vuelta. En esta reteral, vamos a aprender un nuevo futuro sobre el Javascript moderno Generadores, supongamos que tenemos una función llamada demo, y dentro de la función, escribo algunas declaraciones múltiples, como masas una masas dos masas tres. Siempre que necesitamos llamar a la función, solo tenemos que escribir el nombre de la función. Demo, y luego va a imprimir todo el enunciado uno por uno en nuestra consola. Pero el problema es que no tenemos control en esta función. Si llamo a esta función, va a imprimir todos los mensajes. Pero quiero controlar todas estas cintas. Cuando necesito imprimir el primer mensaje, puedo. Y cuando solo necesitamos imprimir nuestro tercer mensaje, entonces puedo hacer eso. Y si quiero imprimir nuestro primer mensaje y nuestro tercer mensaje, y quiero escapar nuestro segundo mensaje, entonces podemos hacerlo. Pero no podemos hacerlo en nuestra función normal. Para resolver este tipo de problemas, JavaScript S six version introduce una nueva característica llamada generador. Generadores asicamente una función, justo en seguir una forma diferente de crearla. Cuando creas una función y tomas un nombre de función, necesitamos usar star sine antes del nombre de la función. Ahora es una función generadora. Ahora podemos controlar todas las declaraciones dentro de la función. Si quieres detener cualquier declaración, puedes, pero necesitamos usar un nombre de palabra clave especial yield, algo así. Es una pausa media. Declaro nuestra función. Cuando llamo a esta función, va a pausar nuestras declaraciones. Si no llamamos a esta declaración, no va a ser ejecutada. Veamos cómo funciona. Primero, tenemos que llamar a la función. Necesitamos crear una variable, y luego tenemos que asignar esta función con esta variable. Puedes ver en nuestro primer comunicado, utilizamos yield. Es malo desde nuestra primera declaración, hacemos una pausa en nuestro código. Si queremos ver las masas una, necesitamos usar la siguiente función, un punto siguiente. Nos enteramos de ello en nuestro video anterior. Podemos imprimir esta declaración en un documento o en una consola. Depende de ti, y esta función va a retener un valor masivo uno Entonces esta función va a imprimir nuestro primer valor. Del mismo modo, si quieres ver el segundo valor, necesitamos usar la siguiente función una vez más. Y si quieres ver el tercer valor, necesitamos seguir el proceso similar. Ya nos enteramos de ello en nuestro video anterior. Ahora entiendes los beneficios de usar un generador. Tenemos el control total de nuestras declaraciones. Entonces comencemos la práctica y veamos cómo funciona, y te voy a mostrar diferentes ejemplos. 35. Iteradores de JavaScript: Puedes ver, abro mi editor W un editor de código de estudio, y creo un archivo STL index dot STL, y abro este archivo en mi navegador usando la extensión Live Server Primero, voy a escribir script tag. Primero, voy a crear una matriz dentro de la etiqueta script. Tardío num. Es la matriz, voy a agregar valores numéricos, y voy a escribir 204060, y ahora quiero imprimir este valor en mi consola Voy a escribir console dot log dentro del paréntesis, nuestro nombre de variable es num y subcoln para terminar esta línea Si configuro este archivo, se puede ver mi consola, se imprime matriz. Si abro esta matriz, se puede ver una opción, proto. Si hago clic en él, se pueden ver algunos métodos. Todos estos métodos están relacionados con la matriz. Si me desplazo hacia abajo lo recupero, se puede ver un iterador de punto de símbolo de función Voy a usar esta. Usando esto, podemos viajar todos los valores de nuestra matriz. Significa que podemos iterar nuestros valores. Hagámoslo. Voy a comprobar esta función dentro de mi consola. Pero primero, voy a mecanografiar. Y voy a usar esta función con num array. Entonces dentro de este co proceso, símbolo do iterador. Aquí voy a comprobar el nuevo tipo de función, así que uso type up. Si configuro este archivo, se puede ver en mi consola, se imprime, es una función. Usando esta función, podemos iterar nuestra matriz. Para ello, primero necesitamos tomar una variable, así que voy a quitar esta línea de consola. Y voy a crear una variable. Tarde, y nuestro nombre de variable es tr. Obviamente, no necesitamos el tipo de función, así que la voy a quitar. Después de esta base cuadrada, necesitamos usar latón redondo, significa función seno, porque es una función, y voy a llamar a esta función aquí. Siempre que llame a esta función, va a ordenar el valor en esta variable. Voy a aportar este valor en mi consola. Consola dot log dentro del paréntesis er. Y subg para terminar esta línea. Si configuro este archivo, puedes ver que devuelve una matriz. Si abro esta matriz, se puede ver, y si abro esta opción proto, se puede ver una función, siguiente. Siguiente es una función. Usando esta siguiente función, podemos leer todos los valores de nuestra matriz. Hagámoslo. Después de ITR, voy a escribir punto siguiente, y también necesito escribir alrededor llaves porque es una función Usando este método, podemos imprimir nuestro primer valor. Si configuro este archivo, puedes ver que está escrito un objeto. Y conseguimos una llave de dos. El primero es el valor, el segundo está hecho. En valor, obtenemos nuestro primer valor 20. Pero en hecho, está escrito falso. ¿Qué significa eso? Es mezquino, ¿por qué usamos iterador? Si imprimimos una matriz dentro de esta función, y si hay un valor dentro de esta matriz, cada vez que va a devolver false. Se puede ver después de 20, hay otro valor 40. Nuestra función erator sabe que hay otro valor hasta 20 Por eso devuelve falso. Llamemos a esta función dos veces. Entonces estoy ligada esta línea dos veces. Si guardo este archivo, ahora puedes ver mi consola, y puedes verlo imprimir nuestro valor, luego imprimir falso. Una vez más, imprime nuestro tercer valor, e imprime falso. Pero si vuelvo a llamar a esta función, y si guardo este archivo, puedes ver que nuestro valor está indefinido. Se puede ver que no hay un cuarto valor en nuestra época, es print undefined. Dentro de la d, está escrito verdadero porque no hay valor le para imprimir, está escrito true. Recuerden, tenemos el control total sobre ello. Supongamos que quiero mantener el primer valor en nuestra zona. Voy a quitar esta sección de consol o bloqueo. Si configuro este archivo, puedes ver que mantiene nuestro primer valor, e imprime nuestro segundo valor 40, y voy a quitar esta línea por ahora, no necesito esta línea. Si quieres sesgar nuestro segundo valor, entonces necesitas eliminar esta línea, y necesitamos llamar a esta función una vez más Si configuro este archivo, puedes verlo imprimir nuestro tercer valor solamente. Cada vez que llamamos a la siguiente función, va a iterar el siguiente valor de nuestra matriz Si usamos la primera vez, entonces va a iterar nuestro primer valor Del mismo modo, si volvemos a llamar a esta función, entonces va a iterar nuestro segundo valor Tenemos control total sobre ello. Si pintamos masas entre ellas, así voy a escribir console dot log dentro de los paréntesis, voy a escribir una cadena alta, y punto y coma a en esta línea, y voy a duplicar esta línea por tiempo Si configuro este archivo, puedes ver mi consola. No va a afectar nuestra iteración. El beneficio es, siempre que comprobemos el valor del iterador, podemos Pero si usamos for loop o cualquier otro loop, obviamente, entonces necesitamos imprimir todo el valor a la vez. Pero usando la función iterador, podemos usar cualquier valor cuando queramos Como puedes ver, es el objeto interno. Valor, y obtenemos dos claves de ello, valor y hecho. Si queremos ver el valor directamente, sí, podemos. Voy a quitar todo esto. Después de la siguiente, voy a escribir el valor. Si configuro este archivo, puedes verlo directamente imprimir nuestro valor 60. Es el objeto, por lo que podemos imprimir su valor usando el método de valor de punto. Del mismo modo, podemos verificar la propiedad Don key. Si dublgate esta línea y cambio el punto D, y configuro este archivo, está escrito true Por qué está escrito verdadero porque llamamos a nuestra siguiente función cuarta vez, y no hay un cuarto valor en nuestra matriz. Por eso está escrito cierto. Si reve alguna función, y luego configuro el archivo, y puedes ver esta vez está escrito false, y devuelve false para nuestra tercera iteración Supongamos que si tenemos 300 valor en nuestra matriz, entonces obviamente necesitamos crear bucle para eso. Podemos crear nuestro propio bucle, o de otra manera, podemos usar do loop o loop. Veamos cómo funciona. No necesitamos cambiar nada, y voy a almacenar este valor en una variable. Voy a empatar tarde, y nuestro nombre de variable es resultado. Y voy a quitar esta línea, y voy a crear un bucle il. Voy a usar un bucle while, y ejecuto este bucle while hasta que la propiedad done escriba true. Dentro del paréntesis, voy a escribir no resultado punto D. Se ejecuta el bucle wil hasta que el valor sea verdadero, así que uso no operador Dentro del bucle, voy a imprimir el valor. Consola dot log dentro del paréntesis, voy a escribir result dot value, y punto y coma a en esta línea De esa manera, podemos imprimir todo el valor en nuestra consola. Como saben, necesitamos incrementar nuestro bucle para obtener el siguiente resultado Voy a copiar esta línea, y voy a pegarla aquí. Como resultado, va a iterar nuestro siguiente valor 40. Si me senté este archivo, se puede ver en mi consola, se imprimen todos los valores. No importa cuánto valor tengamos, va a imprimir todos los valores. De esa manera, podemos usar función iterador dentro del bucle le También podemos usar esta función iteradora con cadena u objeto En la siguiente parte de este video, vamos a ver un ejemplo con cadena. Gracias por ver este video. 36. Iteradores de JavaScript: Una vez más, estoy de vuelta a mi visera sudo codtor, y ahora voy a ejecutar la función iterador Voy a duplicar esta línea, y voy a comentar esta anterior. Voy a asignar un valor de cadena a esta variable. Voy a quitar este y voy a atar hola mundo. Y no necesito cambiar nada en mi código. Si configuro este archivo, se puede ver en mi consola, sprint todo el personaje. Se puede ver que es sprint dos porque después, necesitamos usar otro personaje para hola. Por eso se salta un personaje. Podemos imprimir uno por uno carácter de nuestra cadena, y también cuenta el espacio. De esa manera, podemos usar la función iteradora con cadena. En nuestro último ejemplo, te voy a mostrar cómo podemos crear nuestra propia función iteradora Primero, voy a quitar esta línea. Y entonces voy a descommenar a éste. Ahora voy a leer todos los valores, pero voy a usar el método iterador Voy a crear mi propio iterador, y voy a eliminar toda esta línea Aquí voy a crear mi propia función, y nuestro nombre de función es número. Siempre que llame a esta función, voy a pasar esta matriz. Voy a crear el número del nombre de la función. Número de función. Cualquiera que sea el valor que envíe como argumento, para obtener el valor, necesitamos crear una variable. En nuestro caso, R significa array, porque voy a pasar array como argumento. Primero, dentro de los calibrados, voy a tomar una variable ahí Siguiente num igual a cero. Para fines de iteración, necesitamos esta variable. Porque sabemos que nuestro primer índice de A es cero, y después voy a incrementar esta variable Esta función va a devolver un valor. Voy a escribir return, y después utilizo Carly ases. Y va a retener una función, y podemos tomar cualquier nombre para esta función. Voy a escribir a continuación. En la siguiente función, voy a devolver otro valor. Y aquí creo función dentro de esta función. Dentro de los calibrados, quiero devolver, si recuerdas, nuestra función iteradora escribió un objeto, y dentro de los objetos, está escrito valor y hecho Del mismo modo, voy a devolver un objeto. Para palabra clave, voy a escribir value. Y voy a devolver lo que sea la matriz que consiga. Voy a escribir un doblador y dentro de la base cuadrada, voy a incrementar esta variable. Voy a copiar esta variable y pegarla aquí, y utilizo y utilizo más nueve para incrementarla, y nuestra siguiente propiedad está hecha, y aquí voy a pasar false Ahora quiero llamar a esta función en mi consola. Voy a escribir console dot log dentro del paréntesis iter dot, y nuestro nombre de función es Next Si configuro este archivo, va a imprimir nuestro primer valor 20. Si configuro este archivo, puedes ver mi consola, está escrito un objeto, y es imprimir nuestro primer valor 20. Done cae y el valor es 20, y ahora voy a llamar a esta función tres veces. Voy a duplicar esta línea dos veces. Si configuro este archivo, puedes ver mi consola , imprime tres valores diferentes. Pero si llamo a esta función, cuarta vez y configuro este archivo, está escrito indefinido. Pero el problema es, pero el problema se hace escrito falso. Pero tenemos que devolver true, como como nuestra función iteradora escrita Para ello, necesitamos mover esta sección escrita dentro de la condición P. Aquí voy a crear una condición e, yo, y también voy a crear condición else. Dentro de la ecdición, voy a comprobar el valor hecho. Dentro de la condición e, voy a escribir el siguiente valor num menor que el carril de puntos. Quiero decir, si el siguiente valor num es menor que el carril de puntos, entonces dentro de la condición e va a devolver este resultado. Por nuestra parte, necesitamos volver de verdad. Voy a copiar esta línea y pegarla aquí. Voy a quitar esta sección de valor y establecer De value true. D chicos. Si guardo este archivo, ya puede ver, vaya, cometí algún error tonto Escribo ortografía incorrecta por longitud, z t H. Si guardo este archivo, ahora se puede ver en mi consola, por este valor de tres , escrito cae, y no hay cuarto valor en nuestra NA, entonces está escrito true. Ahora está claro para usted, cómo podemos crear nuestra propia función iteradora Básicamente lo usamos si queremos controlar la iteración. Si solo queremos imprimir el valor, sí, podemos. Solo necesitamos escribir el valor de punto. Si configuro este archivo, se puede ver el valor exacto 20. Esta es nuestra propia función, que actúan como una función iteradora Pero como puede ver, necesitamos usar múltiples líneas de códigos para obtener el resultado. Pero si usamos la función iteradora, entonces una sola línea de código es suficiente para obtener el resultado En el siguiente video, vamos a conocer sobre los generadores. Gracias por ver este video. 37. Introducción de generadores: Hola amigos, me alegro de verte de vuelta. En esta reteral, vamos a aprender un nuevo futuro sobre el Javascript moderno Generadores, supongamos que tenemos una función llamada demo, y dentro de la función, escribo algunas declaraciones múltiples, como masas una masas dos masas tres. Siempre que necesitamos llamar a la función, solo tenemos que escribir el nombre de la función. Demo, y luego va a imprimir todo el enunciado uno por uno en nuestra consola. Pero el problema es que no tenemos control en esta función. Si llamo a esta función, va a imprimir todos los mensajes. Pero quiero controlar todas estas cintas. Cuando necesito imprimir el primer mensaje, puedo. Y cuando solo necesitamos imprimir nuestro tercer mensaje, entonces puedo hacer eso. Y si quiero imprimir nuestro primer mensaje y nuestro tercer mensaje, y quiero escapar nuestro segundo mensaje, entonces podemos hacerlo. Pero no podemos hacerlo en nuestra función normal. Para resolver este tipo de problemas, JavaScript S six version introduce una nueva característica llamada generador. Generadores asicamente una función, justo en seguir una forma diferente de crearla. Cuando creas una función y tomas un nombre de función, necesitamos usar star sine antes del nombre de la función. Ahora es una función generadora. Ahora podemos controlar todas las declaraciones dentro de la función. Si quieres detener cualquier declaración, puedes, pero necesitamos usar un nombre de palabra clave especial yield, algo así. Es una pausa media. Declaro nuestra función. Cuando llamo a esta función, va a pausar nuestras declaraciones. Si no llamamos a esta declaración, no va a ser ejecutada. Veamos cómo funciona. Primero, tenemos que llamar a la función. Necesitamos crear una variable, y luego tenemos que asignar esta función con esta variable. Puedes ver en nuestro primer comunicado, utilizamos yield. Es malo desde nuestra primera declaración, hacemos una pausa en nuestro código. Si queremos ver las masas una, necesitamos usar la siguiente función, un punto siguiente. Nos enteramos de ello en nuestro video anterior. Podemos imprimir esta declaración en un documento o en una consola. Depende de ti, y esta función va a retener un valor masivo uno Entonces esta función va a imprimir nuestro primer valor. Del mismo modo, si quieres ver el segundo valor, necesitamos usar la siguiente función una vez más. Y si quieres ver el tercer valor, tenemos que seguir el proceso similar. Ya nos enteramos de ello en nuestro video anterior. Ahora entiendes los beneficios de usar un generador. Tenemos el control total de nuestras declaraciones. Entonces comencemos la práctica y veamos cómo funciona, y te voy a mostrar diferentes ejemplos. 38. Tutorial de generadores: Aquí puedes ver, lado a lado, abro mi codaor de Visual Studio, y también abro mi navegador usando la extensión Lp Server Ya creo un archivo STL índice punto STL. Primero, voy a crear una etiqueta de script. Dentro de esta etiqueta script, voy a crear una función normal. Voy a atar función, así que voy a atar función, y puedes tomar nombre para esta función. Voy a tomar gen por generador. Dentro de la función, voy a imprimir dos estados, dot log, masas uno, y consola dot log masas dos. Normalmente, podemos crear nuestra función así, y siempre que necesitemos llamar a la función, solo necesitamos escribir function name, Gen, y eso es todo. Si configuro este archivo, y puedes ver mi consola, imprime todo el enunciado, masas uno y masas dos. Aún no tenemos cabeza de control. Para controlar esta función, necesitamos convertir esta función en una función generadora. Necesitamos usar star sine antes del nombre de la función así. De esa manera, podemos convertir esta función en una función generadora. Si llamo a esta función, va a imprimir cualquier masa en nuestra consola. Déjame fijar el archivo. Aquí pueden ver, no imprimo ninguna masa en mi consola. Porque ahora no es una función normal, es una función generadora. Si configuro esta función generadora en una variable, algo así como late, A igual a g en, y devuelvo esta función en nuestra consola. Voy a escribir console dot log dentro del paréntesis, A. Si configuro este archivo, aquí puedes decir que está escrito algo Si abro este menú desplegable, es un generador, y si abro esta opción de generador, es proporcionar alguna función. Siguiente función, función escrita a través de función, Usando este método, podemos hacer nuestro trabajo adicional. En su mayoría, utilizamos la siguiente función. Usemos esta función. Un punto siguiente. Si configuro este archivo, ahora va a imprimir nuestras declaraciones. Vamos a guardar el archivo. Aquí puedes ver, imprime nuestras masas, masas uno y masas dos, y por último imprime valor indefinido y hecho dos. Es significa que no hay valor después de las masas dos, pero ya no tenemos ningún control en nuestras líneas. Podemos usar la función el para controlar las declaraciones. Voy a usar la función el después de esta misas. Rendimiento, y voy a mandar un mensaje, d Número uno. También, voy a llamar a esta función el hasta masas dos, el número dos. Cuando llamo a esta función, va a imprimir nuestras primeras masas, luego se ejecuta el yield. Entonces pausa nuestro código y deja de ejecutar otros códigos. Déjame establecer este archivo. Si configuro este archivo, se puede ver, imprima masas uno, y luego nuestro rendimiento, devolver un objeto. Aquí puedes ver, está escrito dos valores. Uno está hecho, y otro es valor. El valor hecho es falso, y dentro del valor, escribió nuestras masas, rendimiento número uno. Y ya sabemos por eso que Don valora a las fals escritas porque hay otro mensaje en nuestra función Por eso escrito cae. Si no hay mensaje en nuestra función, entonces se hace verdad. Ya lo aprendimos en nuestros videos anteriores. Ahora voy a llamar una vez más a esta siguiente función. Voy a comenzar esta línea y establecer este núcleo. Aquí puedes ver, es imprimir nuestras masas para. Si llamo a esta función tres veces y configuro el archivo, se escribe indefinido, y en Don Value se escribe true porque no hay terceras masas en nuestra función. Si elimino todo el núcleo, y también elimino el mensaje yield, y luego configuro el código se escribe indefinido. Es malo si no hay valor en el rendimiento, entonces se escribe indefinido. Pero si asigno algún valor, en nuestro caso, uno significa masas uno y luego pongo el archivo, Halccy en valor se escribe M Ahora necesito mi código de vuelta, así que voy a presionar control. Y establecer el archivo. Para una mejor comprensión, voy a eliminar estos mensajes. Si configuro este archivo, puedes ver, es print one y Eel two, y está escrito indefinido porque no hay un tercer valor para L. Voy a crear otra l en nuestra función Entonces voy a duplicar esta línea, y la número tres. Si configuro este archivo, ahora está escrito falso, y ahora quiero imprimir uno y tres. Quiero escaparte dos. Para ello, necesitamos llamar a esta función fuera de la consola. Voy a escribir A punto Siguiente función. Si configuro este archivo, ricc es print el uno y L tres De esta manera, podemos controlar esta función. Podemos ejecutar cualquier sección en particular utilizando generadores. Como te dije en mi video anterior, si quieres imprimir este valor directamente, solo necesitas usar el valor de punto. Si configuro este archivo, puedes verlo impreso. Puedes verlo imprimir nuestros mensajes directamente. Pero, ¿qué? Si tenemos 300 rendimientos en nuestra función. En ese caso, podemos usar cuatro bucles. Déjame mostrarte eso. Voy a quitar las líneas, y voy a escribir cuatro dentro del valor de paréntesis A, luego dentro del bucle, registro de punto de consola dentro del valor de paréntesis Si configuro este archivo, puedes ver mi consola, se imprime sobre todo el rendimiento. No importa cuántos ld usen en nuestra función. Ahora voy a estar mostrando un nuevo método, cómo podemos usar yield de una manera diferente. Para ello, voy a quitar estas líneas, y voy a tomar un resultado tardío variable igual a el. Almaceno el valor en una variable de resultado. Necesito mandar el valor el. Para ello, voy a quitar esta línea, y voy a escribir un punto a continuación. Siempre que llame al siguiente, automáticamente, llama a función generadora, y voy a hacer esta línea, y voy a pasar el valor tres n fecha. Ahora bien, este valor se establece como valor de rendimiento, y pasamos el valor en una variable de resultado. También voy a imprimir este valor en mi consola. Voy a escribir registro de consola. Dentro del paréntesis, voy a usar el método de cadena de plantilla Voy a mecanografiar murciélagos. Dentro del batik, voy a escribir colon do seno. Dentro del Css, voy a pasar este resultado variable. Y semicon a en esta línea. Si configuro este archivo, se puede ver en mi consola, está escrito 300. Básicamente, voy a establecer el valor ld afuera a la función. En nuestra función normal, enviamos valor como parámetro, y luego creamos argumentos para establecer el valor en una variable. Si utilizo ocho siguiente función dos veces y envío valor como parámetro, va a establecer el valor como un valor. No sólo eso, podemos calcular nuestro valor. Quiero multiplicar este valor por diez. Estrella diez. Si configuro el archivo, se puede ver en mi consola, devuelve 3,000. No sólo eso, podemos enviar múltiples valores. Voy a juntar esta línea, y voy a mandar 400600 Pero si configuro este archivo, va a devolver solo un resultado porque usamos y solo por una vez. Voy a establecer este archivo. Él puede ver que es sen nuestro resultado anterior, 3 mil. Para obtener el resultado all, necesitamos crear una matriz. Voy a quitar esta línea, y voy a usar ss cuadradas. Dentro de la plaza ss, necesitamos escribir. Y necesitamos escribir yeld tres veces porque pasamos tres valores en nuestra siguiente función Voy a escribir rendimiento de coma, vaya yield. Para 300, va a usar este, y para 400, va a usar este segundo ocho, y para 600, va a usar el tercer el. Si guardo este archivo, va a devolver un. Vamos a guardarlo. Aquí puedes ver, es st todo el resultado. Como una matriz de. Pero si envío otro valor, entonces voy a duplicar esta línea. Aquí puedes ver, solo usamos tres l en nuestra matriz. No va a devolver nada. Si configuro este archivo, puedes ver que no hay cambios. Ahora quiero ver el tercer valor. Para ello, necesitamos empatar. Para esto, solo necesitamos usar versos cuadrados y dentro de los versos cuadrados, necesitamos pasar el número de matriz. Dos porque nuestra matriz comienza con cero. Para nuestra tercera matriz, necesitamos pasar dos. Si guardo este archivo, va a devolver sólo tercer el valor, 600. De esa manera, podemos verificar el valor de rendimiento particular. Obviamente, podemos pasar el valor de cadena dentro de la siguiente función. Ahora quiero pasar valor único con yield, y también quiero pasar valor con e. Voy a quitar esta línea. Y voy a teclear yield. Aquí voy a escribir 44. En nuestro próximo rendimiento, voy a pasar una matriz. En lugar del cuadrado ss, voy a pasar PHP coma Python, coma Java Script. Ahora quiero leer su valor para esto, no necesito esta línea, y voy a y voy a mover esta línea dentro de la consola. Voy a atar el registro de puntos de consola dentro del paréntesis dentro de los paréntesis, voy a pasar un punto a Y luego smcore para terminar esta línea, y voy a duplicar esta línea Nuestra primera función siguiente para nuestro primer campo, y nuestra segunda función siguiente para nuestro segundo id, que es una matriz. Si configuro este archivo, puedes ver mi consola, devuelve nuestro primer valor 44, y también devuelve nuestro array. Si abro esta matriz, se puede ver que tiene tres valores, PH, Python y Java Script. En nuestra función generadora, cuando usamos múltiples rendimientos, podemos tomar un solo valor, podemos tomar array, y también podemos usar objetos. Podemos utilizar cualquier tipo de valor con el. Esta vez quiero, cada valor de matriz vino por separado. Voy a usar el aire Star Sin. Si guardo este archivo, va a devolver nuestro primer valor de matriz PHB Si queremos ver el segundo valor de ara, necesitamos volver a llamar a esta función. Si configuro este archivo, aquí puedes ver nuestro segundo valor a, Python. Para nuestro tercer valor, necesitamos volver a llamar, está escrito script Java. Pero si llamo a esta función, una vez más, va a volver indefinida. Podemos imprimir el valor de la matriz de manera diferente. Necesitamos usar seno estrella con rendimiento. En nuestro siguiente ejemplo, voy a usar yield con operador de spray. Voy a quitar estas líneas, y también voy a quitar esta. En nuestro primer tal, voy a escribir PHP. En nuestro segundo campo voy a escribir Python. En nuestro tercer l, voy a escribir Java. En nuestra cuarta hed, voy a escribir HTML. Y es suficiente para este ejemplo. Ahora quiero imprimir el primer valor en nuestra consola. Voy a escribir console dot log y establecer el paréntesis un punto siguiente Quiero imprimir su valor directamente, y quiero imprimir el valor directamente, así que voy a usar el valor de punto. Punto y coma para terminar la línea. Si configuro este archivo, puedes ver que es imprimir solo PHP. Pero para los valores restantes, podemos usar operador spread. Voy a apostar esta línea y dentro de la sección de lob consolt, voy a escribir square ss, y dentro del cuadrado ss, voy a escribir tres puntos Aprenderemos sobre el operador de pulverización en nuestro video anterior. No voy a explicarle aquí cómo funciona. Después escribo o nombre de variable. A. Si configuro este archivo, aquí se puede ver, voy a imprimir todo el valor restante en una matriz. Sabemos operador spread array escrito. Pero si llamo a esta línea a t y configuro este archivo, va a devolver nuestros dos primeros valores y los dos valores restantes se escribe array porque usamos operador spread. Hay otra función que podemos usar con generadores, cual está escrita. Déjame mostrarte esto. Voy a quitar esta línea, y voy a atar una función escrita de punto. Aquí, primero llamamos a nuestro siguiente valor significa PHP, y luego llamamos a nuestra función escrita. Si usamos escrito, deja de ejecutar nuestros otros rendimientos, y también podemos enviar masas con escrito, así que para escribir n. Si configuro este archivo, aquí puedes ver, imprime nuestro primero de PHB Entonces se escribe significa nuestro mensaje escrito, y también imprimir true, y ya sabemos cuando está escrito true. Si no hay otro rendimiento en esta función, entonces se escribe true. Déjame mostrarte. Si trato de imprimir esta siguiente función, subir el escrito y establecer este código, se escribe indefinido. Pero se puede ver en mi función, hay otros tres els. Es principal no va a ejecutar otros códigos de alineación porque usamos función escrita Cuando llamamos función escrita, no puede leer el siguiente código. El principal beneficio usando la función escrita es cuando tenemos que detener nuestro código en medio de la ejecución, entonces podemos usar la función escrita. Espero que ahora te quede claro, qué es el generador y por qué y cómo lo usamos. Gracias por ver este video. Nos vemos en el próximo torial. 39. Modo estricto: Hola, chicos, bienvenidos de nuevo. En este tutorial, vamos a aprender una nueva característica sobre Java Script, que es el modo estricto. Normalmente cuando escribimos código JavaScript. Puede haber un error de sintaxis en el código. Normalmente, lo ignoramos. Además no proporciona ninguna masa de error a nuestro navegador, pero obtenemos el efecto más adelante. Como te dije, el navegador no proporciona ningún mensaje de error. Por lo que es muy difícil rectificar este tipo de errores. Déjame mostrarte un ejemplo. Como puede ver, x igual a 42. Aquí tomo una variable name x, y le asigno un valor 42, y luego imprimo esta variable en mi consola, y va a imprimir 42 en nuestra consola. Pero si notas que hay un error en nuestro código, cuando asigno el valor de la variable, no proporcionamos el tipo de declaración. Quiero decir que este tipo de variable debe llegar tarde o const. O navegador tampoco va a devolver el error. Hay muchos errores de sintaxis que nos perdemos. Es muy difícil de rectificar. Para resolver este problema, JavaScript salió una nueva característica, modo estricto, solo para escribir una declaración de símbolo en la parte superior del código. Algo así. Dentro de la cotización, estricta, y luego puedes escribir tu código JavaScript. Este comando va a enviar un mensaje estricto a nuestro navegador. Va a hacer cola a nuestro navegador si no hay error de sintaxis en nuestro código. Enviar el mensaje de error y detener el código de ejecución. Ahora entiendes por qué es muy útil. Podemos rectificar nuestro error con eso. Empecemos la práctica y veamos cómo funciona. Aquí puedes ver, lado a lado, abro mi video sto creator, y abro mi navegador usando la extensión Life Server. También creo un archivo STL llamado Index dot STL. Primero, voy a crear etiqueta script, y ahora voy a crear una variable, pero voy a proporcionar declaración tipo x igual 242. Ahora voy a configurar este archivo, y voy a mostrarte mi consola. Aquí puedes ver que no hay ningún error en nuestra consola. Voy a escribir console dot log y establecer la phesis o variable x. Si configuro este archivo, puedes ver mi consola, imprime nuestro valor correctamente, pero hay un error de sintaxis en nuestro código No declaramos que es const o tarde. Para resolver este tipo de problemas, el script Java introduce un estado de ánimo estricto. Para ello, necesitamos escribir cotización y posadas esta cotización, necesitamos escribir estricto. Y semicon para terminar esta línea. Eso es. Recuerda, siempre, necesitas proporcionarlo top. Si configuro este archivo, ahora puedes ver en mi consola, hay un error. X no está definido, número de línea 11. Pero si uso y luego configuro el archivo, arroganc es resultado impreso y no hay error Déjame mostrarte otro ejemplo. Para ello, necesitamos crear una función. Entonces comento esta línea, y voy a crear una función, función y nuestra función Nombre es hola. Dentro de los versos del auto, voy a tomar una variable, pero no voy a declarar la variable. B igual a 30. Además, voy a quitar esta palabra. Si configuro este archivo, se puede ver, y también voy a comentar estricto. Si configuro este archivo, puede ver que no hay ningún error en nuestra consola. Pero si enciendo el topo estricto y configuro este archivo, se puede ver el error. X no está definido. Voy a escribir var. Si configuro este archivo una vez más, puedes ver que no hay ningún error en nuestra consola. Pero se puede ver que no proporcionamos el tipo de declaración para esta variable. Voy a llamar a esta función. Hola. Si guardo este archivo, aquí se puede ver, B no está definido. Ahora muestra el error. Pero si escribo y configuro este archivo, se puede ver que no hay ningún error en nuestra consola. Aquí puedes ver nuestro modo estricto, trabajar en función y también funciona fuera de la función. Por error, si escribes algo en tu código, que es no sigas la regla y regulación de JavaScript, entonces muestra el error. No sólo eso, podemos usar método estricto dentro de la función. Voy a moverme dentro de esta función. Si elimino esta palabra y configuro este archivo. Ahora bien, este método sólo funciona dentro de la función, no fuera de la función. Déjame mostrarte. Yo configuro este archivo, Harry puede ver que no hay ningún error en nuestra consola. Pero como puede ver, no usamos palabra para declarar esta variable. Pero si no usamos declaración dentro la función y luego establecemos el código, ya puedes ver el error. Ahora puedes ver el error. E dos si verificamos solo esos códigos, que está por debajo entonces calle. Y ahora te voy a mostrar otro ejemplo, que también está relacionado con la función. Por ahora, voy a quitar estas líneas. No necesito estas líneas, y voy a pasar algún parámetro en esta función. Nuestro primer parámetro es A B, y nuestro tercer parámetro también es B. Yo uso el mismo parámetro para nuestro tercer parámetro, y voy a mover esta U stree fuera de la función Por ahora, voy a comentar esto. Ahora dentro de la función, voy a agregar este valor de tres, y quiero imprimir esto en mi consola. Voy a atar consola. Log de puntos en su lugar los paréntesis, A más B más B y punto y coma hacen en esta línea Cuando llame a esta función, voy a pasar tres valores diferentes para esta función. Cinco, diez, 15. ¿Eso es todo? Sabemos que si sumamos esta variable tres, va a devolver 30. Pero si yo st este archivo, se puede ver en mi consola, devuelve 35. Está escrito un resultado equivocado, 35. Porque usamos nuestro segundo parámetro dos veces. Por eso está escrito 35, y además no proporcionas ninguna flecha en nuestro cosme. Es un problema muy complejo. Para evitar este problema, podemos utilizar un método estricto. Entonces voy a descomentarlo. Y voy a guardar este archivo. Herc C M uno, imprime error de sintaxis, el parámetro Bublgate no permitirá este Nuestro método estricto proporciona un mensaje de error adecuado. Pero si comento nuestro método estricto y configuro este archivo, entonces nes no proporciona ningún mensaje de error, y además proporciona un valor incorrecto. Para resolver este problema, necesitamos usar el nombre de variable apropiado. C. También, voy a cambiar aquí C. Si comento este y configuro este archivo, ahora se puede ver que no hay ningún error en nuestra consola, y también está escrito el valor exacto. Aquí puedes ver usando el modo calle, podemos encontrar el errod en nuestro código Básicamente, error de sintaxis, y te sugiero que siempre uses el modo calle para tu código. Solo incluye primero la línea y luego escribe tu código. Eso es. Gracias por ver este video. 40. Tutorial de manejo de errores: Hola, amigos. Me alegro de verte de vuelta. En este tutorial, vamos a aprender sobre el manejo de errores. Ya sabes que podemos verificar error de Javascript en el cónsul del navegador, pero a veces es muy complicado entenderlo En algún momento todos los errores se muestran al mismo tiempo, y es muy difícil rectificar todos los átomos de error Para manejar este tipo de error, tenemos un método especial en JavaScript. Intenta atrapar. ya aprendimos un poco en nuestros videos anteriores. Sea cual sea el código que queramos hacer aquí, pasamos todo el código dentro del bloque de la tribu. Si hay un error dentro del bloque de tribu, entonces redirecciona inmediatamente al bloque de caché, y podemos mostrar cualquier mensaje dentro de nuestro bloque de caché. Sin perder el tiempo, comencemos la práctica. Aquí puedes ver, lado a lado, abro mis videos al Creador, y también abro el navegador Crome usando la extensión Live Server Primero, voy a escribir script tag dentro de la etiqueta head. Dentro de la etiqueta script, primero, voy a escribir algún texto al azar. Este texto no es una variable o no una función Javascript, o no un método Javascript. Si guardo este archivo, va a devolver un error. Aquí puedes ver un error de referencia. Esto no está definido. Pero a veces los errores son muy complicados de entender. Para ello, podemos utilizar el método tri catch. Primero, voy a escribir try. Con eso, necesitamos teclear catch. Dentro del bloque probado, podemos escribir cualquier código. Entonces voy a imprimir un mensaje dentro de la consola. Consola log dentro de los paréntesis, voy a escribir start y así vamos a terminar esta línea Voy a duplicar esta línea, y voy a terminar, y luego dar un espacio entre estos dos mensajes. Si se produce un error, entonces dentro del bloque de caché, voy a enviar un mensaje. Registro de consola dentro del error de paréntesis. Si hay un error en este bloque de tira, entonces ejecute automáticamente el bloque catch. Si configuro este archivo, aquí se puede ver, no hay ningún error. Una vez más, entre estos dos mensajes, voy a escribir texto aleatorio similar. Si configuro este archivo, ahora se puede ver en mi consola. Primero imprime nuestro mensaje de inicio, y luego es imprimir nuestro mensaje de error. Si hay un error en una sola línea, entonces deja de ejecutar otros códigos y ejecuta automáticamente catch Mthold Déjame mostrarte otro ejemplo, y voy a convertirlo en una función. Como puede ver, no declaramos esta función. Si configuro este archivo, puedes decir que está escrito el mismo error. Primero, ejecuta nuestro primer mensaje, y cada vez que intenta ejecutar la función, y luego se encuentra, no declaramos esta función. Doy de ejecutar otros códigos, y empiezo a ejecutar el bloque catch. De igual manera, podemos imprimir este mensaje de error en nuestro documento, y ahora quiero ver el error exacto en nuestros documentos. Todavía no sabemos dónde está nuestro error. Quiero imprimir este error exacto en mi consola. Para esto, voy a tomar paréntesis dentro del bloque catch después del catch y dentro de los paréntesis, voy a tomar una variable En nuestro caso, e RR. Sea cual sea el error que esté escrito, se va a almacenar en esta variable. Y si quieres, podemos imprimir nuestro error en este navegador o consola. Quiero escribir e do. Si configuro este archivo, ahora puedes ver el mensaje de error. Esto no está definido. No definimos este texto, bla, bla Con eso, podemos ver el número exacto de línea. De esa manera, podemos entender mejor el error. Además, podemos manejar nuestro error uno por uno. No va a tirar todo el error a la vez. Quiero decir una cosa más importante sobre tri catch. Funciona sincrónicamente. Si usamos la función set time out, no va a funcionar correctamente. Déjame mostrarte esto. Quiero quitar estas líneas. Dentro del tri bloque, voy a usar set time out. Dentro de la función set timeout, voy a crear una función anónima, y luego utilizo car brass, y quiero retrasar esta función una vez más Dentro de esta función, voy a proporcionar algún error. Por lo tanto, el texto al azar. Aumentemos el tiempo de retardo, 3 segundos. Ahora puedes pensar, cuando ejecutemos este código, va a revisar este hasta tres segundos. Si hay un error, va a redirigir el bloque catch. No, no es un trabajo así. Bien ejecuta este código. En este caso, no funcionará en absoluto en cuanto el código empiece a ejecutarse, y vendrá en tri bloque, y aquí y aquí, esta función va a comprobar que tiene que ejecutarse después de 3 segundos. Entonces el código después de establecer la función de tiempo de espera, que comenzará a ejecutarse Si configuro este archivo, Él puede C, no está mostrando las masas de error adecuadas del bloque de caché. Nuestro método tri cache no funciona sincrónicamente. Pero podemos usar tri y cache block dentro de la función set time out. Voy a mover este bloque tri y cache dentro de la función set time out. Voy a cortar esta porción y moverla dentro de este bloque de tiempo de espera establecido, y también necesito mover esta porción de caché. Y dentro del tri bloque, voy a proporcionar una flecha. Cuando ejecutamos nuestro script, en ese caso, después de tres segundos, nos va a mostrar el error exacto en nuestra consola. Déjame mostrarte eso. Voy a guardar este archivo. Tengo que esperar tres segundos. Ahora puedes ver el error en nuestra consola. Esto no está definido. Es un error de referencia. Necesitamos usar tri y cache block dentro de la función set time out. De lo contrario, no es trabajo. También podemos mostrar las masas de error por separado. Para ello, voy a reducir la función set time out. Por ahora, no necesito esto. Dentro del bloque de caché, voy a atar el nombre del punto de error. Yo picto esta línea. Ahora quiero imprimir mensaje de error. Mensaje de error. Podemos imprimir mensajes de error exactos de manera diferente. Si configuro este archivo, puedes ver el nombre del error, error de referencia. Un mensaje de error. Bla, bla, no está definido. Si quieres ver el nombre de la flecha y las masas de error juntas, entonces podemos usar stack rot stack. Si configuro este archivo, ahora puedes ver el mensaje de error de nombre de error a la vez. Usando pila de errores, podemos imprimir mensaje de error de nombre de error juntos. Si quieres imprimir el mensaje de error o el nombre del error de manera diferente, puedes. La línea más importante es el mensaje. Sólo queremos saber cuál es el error exacto. Podemos comentar ambas líneas, y solo podemos imprimir el mensaje. Si revoco este comentario, y se puede ver un error de referencia Ahora la pregunta es, ¿cuál es el error de referencia? Ahora te voy a decir cuántos tipos de error hay en Java Script. Aquí puedes ver siete errores de diferencia en el script Java. Nuestra primera flecha es el error malvado. Este error se produce, cuando usamos la función malvada. No es una flecha muy importante. Luego viene el error de rango. Se produce cuando usamos un atributo de rango de tallo. Si el error vino a través del atributo range, entonces podemos mostrar la flecha usando la función de error de rango. Nuestra flecha principal e importante es la flecha de referencia. Si llamo a una variable o a una función, que no está definida en nuestro núcleo. Entonces es error de referencia escrito. Entonces viene el error de sintaxis. Es el error más básico e importante. Cuando usas bucles o condiciones. El error de mecanografía es el problema básico para los principiantes. En algún momento se olvidó de encerrar calibraciones, citas, etcétera. En ese caso, se produce un error de sintaxis. Luego viene el error de tipo. Como saben, existen varios tipos para variable, bulion, number, string, etcétera. Estos son tipos predefinidos. Por error, el usuario escribe un tipo diferente de entrada, luego se produce un error de tipo. Nuestro siguiente error es el error URI. Este error se produce. Cuando pasamos URL en la barra de URL. Si escribe algún método incorrecto para pasar URL en la barra de URL, entonces se produce un error URI y nuestro último error es el error agregado. Hablé de este error en nuestro video de método de promesa. Cuando usamos todos los métodos en promesa. Si hay un error, entonces usamos error agregado. Cuando usamos el método tri cache en Java Script, podemos mostrar estos errores. Empecemos la práctica. Para ello, primero, voy a eliminar todos los métodos. Si se produce un error diferente, para ello, podemos imprimir diferentes mensajes. Podemos usar la condición P para eso. Si dentro del paréntesis, nuestra instancia de error de error de referencia Para ello, podemos mostrar mensaje diferente. Dentro de la consola, voy a escribir error de referencia. Puede mostrar cualquier error de mensaje adecuado, y ahora voy a imprimir diferentes masas para error de tipo. Voy a escribir LCP. Dentro del paréntesis, voy a copiar esta línea y cambiar el error de referencia con error de tipo Dentro de los clivss, voy a imprimir el registro de puntos de consola, dentro de los paréntesis, escriba error Si nuestro error es instancia de tipo error, entonces va a imprimir este mensaje. Podemos crear diferentes condiciones LSP para diferentes errores Por fin, voy a crear s condiciones dentro del paréntesis, consola dot log error desconocido Si guardo este archivo, aquí se puede ver flecha de referencia sprint, y escribo se produce error, entonces se imprime esta masa. De lo contrario, imprime al flecha. Si queremos obtener datos del servidor como jason de, entonces usamos try and catch. Déjame mostrarte esto. Entonces voy a quitar todo el puntaje. Y dentro del bloque probado, voy a tomar una variable. SN tardío, y voy a asignar un dato de Damien a esta variable Ya nos enteramos de JN en nuestro video anterior. Como propiedad, voy a tomar nombre dentro del nombre del curso doble. Colon dentro del doble curso agrega uno. Y de manera similar, voy a tomar otra propiedad H. Es un valor numérico, y es 24. Es un valor numérico, así que no uso cita. Es un permiso JN. Supongamos que obtenemos estos datos del servidor. Para ello, podemos usar el método F o jx. Es debieron sobre ti. Primero, necesitamos convertir estos datos en un objeto script. Voy a tomar una variable Usuario tardío, y voy a usar un método JN. JSON ps. Dentro del paréntesis, voy a proporcionar el nombre de la variable JSN. Básicamente, Jon dot parts funcionan, va a convertir el objeto Json en un objeto Javascript. Del mismo modo, tenemos la función opuesta, Json dot stringify, y convertimos nuestro objeto Javascript en un dato JSN Si queremos convertir los datos del servidor en un objeto, entonces necesitamos usar la función Jen dot Parts. Si queremos pasar datos al servidor, entonces convertimos el objeto Javascript en un dato JSN usando el método Jon dot stringify Ahora podemos leer los datos de la variable de usuario. Voy a imprimir los datos en mi consola. Registro de puntos de consola dentro del paréntesis, nombre de punto de usuario. Si hay una flecha en nuestro código, voy a imprimir esta flecha en mi consola, consola punto log r, y también quiero imprimir estudiante H. Hacer esta línea, U H. Antes de configurar este archivo, necesitamos mover este código JSON dentro de la cotización. De lo contrario, es actuar como un objeto Javascript. Si configuro este archivo, aquí podemos ver nombre del alumno agregar uno y es edad 24. Si hay un error en el servidor o en el archivo JN, entonces podemos mostrar el mensaje adecuado usando tri y bloque de caché. Supongamos que hay un error en el archivo JN. Algunos, una cita. Ahora el formato JSON no es correcto. Si digo este archivo, aquí se puede ver, hay un error en la línea número 14, error de sintaxis, token inesperado A en JN en la posición 16. No puede leer la A. Esperaba una cita, no el carácter A. Por eso está escrito el error. Si muestras tus propias masas, sí, puedes. Para ello, podemos lanzar unas masas de error desde el bloque de la tribu. Déjame mostrarte. Pero primero, voy a resolver este archivo JSM Y ahora voy a crear una condición. Yo dentro del paréntesis, si no recibimos nombre de usuario en formato JSON, dentro de la condición e, voy a lanzar un mensaje Usamos un método diferente lanzar nuevo error, eso es todo. Dentro de los paréntesis, voy a lanzar un mensaje, datos incompletos, y nuestro mensaje no es nombre Voy a mover esta línea por debajo de la condición ep. Y ahora voy a quitar el nombre de los datos de JN. Si guardo este archivo, aquí puedes ver datos incompletos, sin nombre, y tras poner el mensaje de error, deja de ejecutar nuestro código. Cuando lanzamos el mensaje de error, redirecciona automáticamente al bloque de caché e imprime el mensaje en nuestra consola. Por fin, quiero mostrarte una cosa. Intentamos y bloqueamos caché, podemos usar otro bloque. Por último. Básicamente, es opcional. Si usamos finalmente block, no importa lo que se va a ejecutar. Básicamente, quiero decir, si hay un error en nuestro código, deja de ejecutar otro código en nuestro tri bloque, pero no puede dejar de ejecutar bloque finito Déjame mostrarte consola dot log dentro del paréntesis, voy a imprimir un mensaje No importa lo que voy a imprimir. Si configuro este archivo, él puede ver, primero imprimió nuestro error, datos incompletos, sin nombre, y luego se imprime, no importa lo que voy a imprimir. Si resuelvo el nombre del error, agregue uno. Si configuro este archivo, puedes verlo imprimir el nombre del alumno, y uno. También imprime estudiante de 24 años, y luego saltas al bloque de finalidad e imprimes, no importa lo que vaya a imprimir No va a comprobar, hay un error o no. Este bloque siempre se ejecutará. Finalmente método ejecutar en cada caso. Espero que ahora entiendas por qué usas try and catch block y cómo podemos manejar errores en nuestro código. Gracias por ver este video.