Transcripciones
1. Introducción: esto aún otra naturaleza de bono. Sólo me estoy sintiendo generoso hoy. No sé por qué, pero ahora vamos a estar hablando en esta naturaleza extra sobre Polly Force. Y por favor no te sientas otro adictivo. Va a ser duro. Y hay una razón de insertarse específicamente el poli cae aquí y no más tarde. Yo quiero que te den una idea de la escuela de drama. Entonces cuando lleguemos a las secciones más complicadas, estarás como, Oh, recuerdo que hicimos eso en la sección política. Así que siéntate y disfruta esto más tarde se va a forzar. Pero lo que es un abundante Solo toma un palo hacia atrás. Recuerda que cada proveedor de navegadores criminaliza salida extranjera, Brexit thes aire solo cos. Y todas estas empresas están tratando de competir entre sí y ganar cuota de mercado. Por eso, usaron las propias reglas. No todos los navegadores siguen un conjunto de estándares porque las empresas estudiantiles piensan que saben mejor por esto. Cuando salen nuevas características y codifican a John un guión en un HTML cinco, no siempre
es compatible con un navegador en particular. Entonces, ¿qué significa esto? ¿ Significa esto que estamos en problemas? Nos enfrentaremos dentro de la realidad que no puedes usar todo el código moderno en un navegadores. Tienes una de dos opciones. En uno solo se usaban las características de idioma que están disponibles en su navegador. No es toda una solución, ¿verdad? No, Esta segunda solución está muy bien, nuestro código moderno. Pero entonces nosotros adeptos a trabajar en el Brasil más viejo. Está bien, genial. Suena como una gran solución. Pero, ¿cómo hacemos esto? Bueno, ese es el punto de toda esta emisora. Sólo siéntate, toma un café. Tengo uno aquí y sólo aprende sobre partículas. Disfrútalo, pero quickie. ¿ Qué es abundante? Bueno, sólo
veamos la definición del diccionario. A party full es el plug in y proporciona la funcionalidad de los nuevos navegadores, pero a versiones anteriores. Y eso es todo lo que se puede. Tu política para era una especie de parche en el que solo tomas código nuevo y lo arreglas para pueda funcionar en un hermano mayor, y eso es todo lo que hay en ello. No te intimiden. Y si eres muy astucia, podrías estar pensando aplicado. ¿ No es esto muy parecido a transpirar? Trance Pilot toma tu sintaxis y se convierte a código de máquina. Ahora piloto de trance puede ir más allá trascendido, puede tomar nuevo código moderno como el concepto, le gustaría pérdidas, y puede transponder código en cosas que los navegadores más antiguos pueden entender mi caída como funciones. Pero desafortunadamente, los pilotos de
Trans sólo nos pueden llevar así antes de que puedan transferir pila todo. Por ejemplo, no
pueden trance pila funciones de miembro en matrices y sus contratos apilan cosas como promesas y es todo el nacimiento, o de otras cosas. No pueden drones y llenarse estas situaciones. Necesitamos un abundante. Entonces, ¿cómo sabemos si deberíamos estar usando una fiesta llena o un piloto de trance? Bueno, él es muy amplio a tipo de reglas de alto nivel. Uno si su nuevo Syntex en usted probablemente podría usar un transpondedor. Pero si se trata de un nuevo método o de un nuevo objeto, probablemente
deberíamos estar usando un abundante quién, suficiente divagando Coge un café y te veré en los contabilidad. Aprendamos sobre Polly Force
2. Qué es un navegador: Supongo que no hay mejor lugar para empezar que con el navegador. Y como seguro saben, un Prowse es sólo el programa que se utiliza para mostrar archivos y nunca obtener el látigo. Sabemos que usaba cromo todo el tiempo en mi iPhone. Yo uso safari. Se trata de navegadores, y la funcionalidad principal de los navegadores es presentar un recurso que elegimos. Y lo hace solicitando un desde el servidor y mostrándolo en la ventana del navegador. Y si, ¿por qué, yo? Este proceso se tiene que hacer súper duper rápido. Porque, sí, tú y yo estamos muy impacientes cuando se trata de Google a la hora de votar páginas en la Web y medio fomenta rápido. Íbamos a meternos en eso más tarde? Pero por ahora, solo sepan que los investigadores de Google han sugerido que los tiempos de carga de páginas se apagan menos de 100 milisegundos. No es que podamos lograr esto. Solo digo,
si podemos, si podemos, eso nos da la ilusión de respuestas instantáneas del sitio web porque nuestro proceso de
memoria sensorial visual dentro de nuestro cerebro funciona en estallidos de 100 milisegundos. De todos modos, es sólo un poco de por qué yo Así sabemos que la principal funcionalidad de Brasil es presentar un recurso que elegimos para nosotros. Pero, ¿de qué recursos estoy hablando? Caliente de la más obvia es HTML. Cada sitio web que cargues tiene que comenzar con tan lejos, pero también otros recursos. Podríamos querer cargar como imágenes. PDF XML, Jason se apodera de JavaScript y así sucesivamente y así sucesivamente. Pero eso está todo bien y bien. Entonces sabemos que necesitamos conseguir un recurso. La siguiente pregunta es, bueno, lectores, el navegador encuentra este recurso que no vamos. Y la respuesta a esto es que la ubicación del recurso especificado por la U. R I el recurso uniformado identifican Vale, ya. Simplemente quieres ver un ejemplo. Bueno, sólo
vamos a llegar a un sitio Web ficticio,
mi sitio dot com, Y una vez que entras a esto, eres todo lo que estás viendo en la pantalla en tu línea de vestimenta. El navegador lo desglosará en tres partes distintas. ¿ Se puede adivinar qué partes son? Bueno, se
puede un tipo de incluso caso intuitivamente. Cuál sería el 1er 1 será http. Y este es el protocolo. Este es el conjunto de reglas que rigen cómo los navegadores hablan al servicio, vamos a entrar en el pronto así que ese es el primer aspecto de lo descompone en. En segundo lugar
, desglosa tu nombre de servicio. Este es el sitio que quieres ir a visitar, y con el fin de que tu navegador realmente se conecte a los látigos sobre en este caso mi sitio dot com. Para recuperar la información que hemos solicitado, tiene
que comunicarse con el servidor de nombres que traduce el nombre del servidor en una dirección I. P. Una dirección I P es literalmente que es una dirección. Es un lugar donde tu navegador puede ir y enseñar. Ese archivo desde su navegador Web es entonces capaz de conectarse al servidor Web en la dirección resuelta I p, generalmente en el Puerto 80. Entonces ese es un segundo punto. Tenemos un protocolo, tenemos el nombre del servidor
y, por último, tenemos el recurso real que queremos recolectar. Por lo que una vez que navega está conectado al servidor Web utilizando el protocolo http en este ejemplo, el navegador leerá luego el lenguaje de marcado de hipertexto que indexó html lejos, y este es el lenguaje alterante utilizado para grandes documentos en la World Wide Web. Y entonces, por
supuesto, ¿qué pasa después? Las hijas te exhiben en la pantalla para que tengan una vista de muy, muy alto nivel fuera del proceso que atraviesa tu hermano con el fin de servir un archivo a tu página web.
3. Los navegadores siguen un conjunto de estándares: visto que navega función principal es presentarnos resultados y en muchas instancias con que el
Diesel empieza. Pero ahora podrías estar preguntándote cómo navega bien es esto Alguien que vela por esto es Esto son reglas y estándares que, y esa es una buena pregunta. Y la respuesta. Deuda sí, es un consorcio, una gran organización llamada W, y sólo significa World Wide Web Consortium. Y esto es sólo una organización se define especificaciones en cuanto a cómo funcionan los exploradores. En teoría, cada conjunto de reglas suena genial, pero en la práctica vivimos en un muro capitalista, y lo que eso significa es que cada empresa quiere mejorar a los demás navegadores tan históricos, y sólo es escoger y elegir qué reglas que quieren seguir. Y esto es usted adivinó que se llama problemas de compatibilidad graves a la hora de
codificar los algunos navegadores excepto y esto causó problemas para los autores web y por cierto, ambos lo es. Todo lo que quiero decir es alguien que pone contenido en la página Web para que veas mucho código antiguo que tenemos que redefinir código para diferentes navegadores. Ahora, decía
la buena noticia, esto es como que se está cayendo. Ahora se empiezan a comportar un montón de browses. Te mostraré ejemplos, luego buscaré. Pero lo interesante es que estas especificaciones definidas por el W tres c que no definen eres no definen interfaz de usuario. Pero a lo largo de los años, a través de muchos juicios y errores fuera de la UE, yo elementos he empezado a conformarse entre sí. Todos estos navegadores han empezado a imitar. Han aprendido que usando hablan cierta página de semana elemental para estar en ciertos lugares. Y con eso mismo, permítanme mostrarles un ejemplo muy rápido. Al comparar con los browses Bueno, empecemos con la navegación más popular en la pared y describieron Se puede ver una bola de grasa. Tenemos un balón de refresco consiguió botones hacia adelante y hacia atrás. Tenemos un dos. Bueno, vinieron en tu artículo. Eso es bastante estándar. Ahora bien, si comparamos esto con Mazzella para que en la actualización para el botón Atrás, eso
también sea posible . Y el punto que estoy tratando de hacer con todo esto es que te encontrarás al codificar en tu carrera. Te vas a encontrar con un montón de código antiguo que tiene problemas de compatibilidad con diferentes navegadores. Y por esa razón vas a ver códigos pero hasta atender a diferentes hermanos versión. Pero la buena noticia es que esto está empezando a desaparecer por razones que acabamos de discutir. Entonces sin más preámbulos, metámonos en algunas cosas de carne.
4. Qué es un polyfill: considera esto una naturaleza bonus porque vamos a ir en un poco de atención. Pero creo que es muy importante entenderlo es un muy buen ejemplo de lo que hemos estado hablando. Por lo que tomando un palo atrás, lo
hemos visto desde hace muchos años. Diferentes navegadores sólo han seguido una pequeña parte de las especificaciones de Oriente establecidas por la W tres C. Y esto significa que los navegadores tenían reglas diferentes y algunos navegadores seguían cierto código HTML y CSS y otros no. Ese es el primer problema. El segundo problema es también
tenemos otros estándares, como el guión Sigma. Y por supuesto, el problema de nuevo es doble. Uno ciertos navegadores no siguen todas las recomendaciones de Sigma Scripts y el script Two Sigma se actualiza. Igual con las especificaciones W tres C. Por lo que con el tiempo, crean
nuevas funciones y nuevos métodos. Entonces, ¿qué significa esto? Bueno, esto significa que los navegadores más antiguos no entienden el código apagado. Las nuevas reglas tienen sentido,
correcto, correcto, y es por eso que mencionamos caídas de partido en la conferencia anterior. Entonces, ¿qué es una caída de poli? Bueno, en su propio núcleo, es muy sencillo. Upali cae solo una pieza de código que proporciona un retroceso si ciertas características no existen dentro de ese motor de navegadores en Java Script land. Este será un motor de JavaScript Net Browser, pero no tiene que ser John Streets, y esto es importante. Mucha gente piensa en Polly Falls solo para JavaScript, pero también obtienes Polly Falls para código HTML y CSS, que también se meterá en diminuta pero más tarde. Pero nos vamos a centrar en la pieza más fuerte porque esto es lo interesante, y esto es lo que es más complicado cuando se trata de Dave. Ahora Polly Falls suele seguir un patrón, y el patrón comienza con una simple pregunta. ¿ Existe el futuro dentro del navegador? Y si la respuesta es sí, bueno, entonces no necesitamos un pol Si todo lo que podemos simplemente recurrir al motor de navegadores para manejar la deuda, cierto html CSS JavaScript. Eso se pone más interesante fuera de curso si la característica no existe dentro del hermano, y aquí es donde tenemos que usar una caída de poli haciendo un seguimiento del siempre en evolución HTML cinco en CSS tres soporte en los navegadores web de hoy puede ser una tarea abrumadora, y podría ser bastante desalentador. Claro, todos
podemos usar todas algunas animaciones CSS para crear. Algunos estaban golpeando fix. ¿ Pero deberíamos? ¿ Y qué navegadores soportan esa cierta característica? ¿ Y qué hacemos con todos los navegadores que no entienden ese código? Y, por
supuesto, este somos nosotros, Polly Falls entramos en la imagen y en la página web, entonces esto es sólo uno de muchos html cinco, por favor. Es útil para encontrar a Polly Falls que hagan un trabajo en particular. Html cinco, por favor. Había toda una lista de HTML cinco elementos y ver es sus tres reglas con una visión general del soporte de navegadores en cualquier Polly Falls para la distancia de cada elemento. Antes de seguir adelante, sólo
quiero decir que sí mencionamos a Babel como ejemplo de una caída de poli. Ahora Babel fue Mawr dirigido al script Java para recordártelo. Mi guión Versión seis fue una actualización importante de JavaScript. Trajeron nuevas características y muchas adiciones sintácticas, pero aquí seis más tarde se renombró Dos años 2015 en esto fue para estar de pie para reflejar los cambios en el ciclo de lanzamiento. Entonces, ¿cuándo se usará? Babel. Si quieres admitir Internet Explorer, por ejemplo, o quieres usar las últimas características de script en un navegador que aún no lo admite. Cosa que usamos a Babel, quien sé que estamos pasando mucho. Pero nada es mejor que con un ejemplo. Entonces, ¿por qué no construimos nuestra propia caída de fiesta, y eso te ayudará a entender cómo funcionan estas cosas. Y hoy, implementemos nuestro propio Polly Fall para el aumento de año para cada método. Esto se introdujo en Java Strip 1.6 o un conscripto para la tradición en la realidad, cada uno es un destacado muy bien apoyado hoy en día. Pero lo he elegido más por el hecho de que es bastante sencillo reconstruir. Y te puedo caminar a través de la construcción de esta fiesta completa paso a paso. Pero debo señalar en este punto que esta implementación de ninguna manera va a ser
plena , integral. Eso sólo va a ser una forma para que realmente solidiques la comprensión de lo que un poli feliz. Por lo que si realmente querías meterte en la basura de cierta Polly Falls para ciertas funciones, te
recomiendo visitar Mozilla Documentation Network o Indian se ponen un enlace al final de esta conferencia. De acuerdo, así que acabamos de decir que vamos a ser bolos nuestros para cada fiesta llena. Y recuerda cuál es el primer consejo Waas ¿Cuál es la primera pregunta de Polly
para que se implemente? Eso es correcto. ¿ El soporte del navegador permite que la función? Entonces el primer paso es comprobar si cuatro de cada método es compatible de forma nativa con nuestro navegador. Vamos a echar un vistazo.
5. Pruebas para comprobar si forEach() está soportada en nuestro navegador: para determinar si los cuatro métodos de cada existe en nuestro navegador. Podemos usar la consola, debilitar a la derecha, un poco de JavaScript. Entonces abrimos cromo, que es lo que estoy haciendo aquí. Y ahora Vamos a acceder a la consola. Y muy poca gente va a saber esto. Así se llamó a esto un prototipo. Son dos lugares diferentes. Podemos escribir script Java dentro de chrome, los primeros y más obvios lugares en la consola. Por ejemplo, podemos consola log Hola, cariño, y, como esperábamos, eso devolvería uno alto a la consola. Aquí es donde la mayoría de la gente va a escribir script Java, pero puede ser engorroso porque tenemos que ejecutar cada línea de código línea por línea. Hay un poco lejos,
um, um, o divertido e intuitivo y solo un poco de distancia. ¿ A dónde vamos? Bueno, en la cinta de fuentes y dentro de las fuentes, Ted, podemos crear lo que ellos llaman y nuevo fragmento, y podemos llamar a nuestro archivo cualquier cosa. Llamémoslo apoyo nativo Sabor porque eso es lo que hacemos ahora. ¿ Cómo saboreamos con ella antes de que exista cada método? Bueno, lo primero que debes saber es que los cuatro cada método existe en el prototipo de cada matriz individual. Lo que esto significa es que cuando creamos una matriz automáticamente tiene acceso a todos los métodos y propiedades atestiguan ese prototipo fuera de cual uno de ellos debe ser el cuatro cada método. Entonces vamos a probar si los cuatro cada uno regresa bajo hallazgo por un sí regresa indefinido, significa que no tiene apoyo para ello hasta. Browser no sabe qué es. Entonces una forma de hacer esto. Y de muchas maneras entiendo que solo estoy haciendo un método rápido y sucio. Existimos el objeto array. Accedemos a su prototipo y único prototipo. Debe ser un método de cuatro pulgadas si es compatible de forma nativa, y eso no debe regresar bajo fuego. Y si regresa indefinido, sabemos que no existe. Ahora hay dos formas en que podemos ejecutar este script Java. Puedes presionar el control, entrar en tu teclado o podemos hacer clic en el lugar en. Entonces solo voy a dar clic en el lugar y aquí vamos. Regresa. Cierto. Significa que los cuatro cada uno no es igual a indefinido. Y ahí lo tienen que acabamos de confirmar que los cuatro cada uno se apoya de forma nativa en mi versión actual off crime. De acuerdo, entonces hemos visto que nuestra baraza sí apoya antes de cada método. Está en cada matriz individual que creamos. Y es en la teoría del prototipo off que para ilustrar lo que es un político, finjamos que nuestro navegador se vende que no sabe antes de cada función. Entonces adelante, solo pon eso en el fondo de tu mente. Solo finjamos que en realidad está bajo despedido antes de que cada mito que es no exista en nuestro hermano. Enfriar. Creo que ya basta de esta conferencia. Hemos pasado por mucho en poco tiempo. En la siguiente naturaleza, empecemos a construir este poderoso.
6. Qué es el método de forEach(): justo antes de empezar a construir nuestra caída Polly, hay
que entender lo que se está reconstruyendo y con el fin de entender lo que se está reconstruyendo. Obviamente necesitamos entender lo que los cuatro cada método es lograr en su núcleo antes de que cada método sea solo una forma de recorrer su matriz y usar. Seis introdujo la matriz para cada método. Lo que haces es llamarlo a este mito en tu A y cuando sí tienes que pasar una
función de devolución de llamada para ejecutarse en cada iteración fuera del bucle. Y por si acaso te estás preguntando, una devolución de llamada es solo una función que solo se ejecuta offed. Otra función ist terminada ejecutada. De ahí la palabra volver a llamar. De acuerdo, entonces conocemos a los cuatro. Cada método requiere que pasemos una función de devolución de llamada en esta función de devolución de llamada acepta dos argumentos principales. Bueno, en
realidad, acepta tres argumentos, pero el tercer argumento es una matriz por la que se quiere negociar. Nunca he tenido que usarlo, así que solo voy a concentrarme en los dos argumentos principales que pasas a esta
función de devolución de llamada. El primero es el valor del ítem actual en el bucle y el segundo es el índice de ese ítem. Y puedes nombrar a estas variables lo que quieras. Eso es lo que va a tomar la función de devolución de llamada. Y vamos a tener que audazarnos dinámicamente desde el principio, lo cual verás en un momento y solo dar un paso atrás. Sólo recuerda que el cuatro cada método es un método aplicado al prototipo de matriz. Vimos esto cuando tuvimos que ver si está apoyada de forma nativa. Salimos del prototipo de matriz para cada método y para cada uno es solo una forma de agrupar a través de una matriz. Y JavaScript es una bestia muy curiosa porque son tantas formas diferentes de
lograr la misma tarea. Y también es impresionante así porque como desarrolladores, nos da mucha flexibilidad para usar lo que creemos que es mejor. Lo que esto significa es que antes de que cada método no es solo el único método que podemos usar para agrupar a través de una tarifa, también tenemos el cuatro método que
tenemos cuatro adentro, tenemos cuatro libres e incluso tenemos otros. Pero los cuatro cada método sí vienen con una pequeña cueva, Sin embargo eso sólo funciona en un aumento. Entonces si realmente quieres contar o quieres exceso bucles en un objeto, entonces antes de cada uno probablemente no va a ser tu amigo. Y la otra cosa con cuatro cada uno es, es que algunos desarrolladores argumentan que sufre problemas de rendimiento. Toma un lento, y si esto es una preocupación para ti, entonces puedes sortear eso. Puedes usar bibliotecas como Loaded y no quiero que nos metamos ahora a Lodish. Pero básicamente es solo una biblioteca de utilidades y conducía un guión que nos lleva a muchas cosas
comunes, como recorrer un raise y los códigos escritos de una manera que es muy, muy eficiente. Desempeño eficiente, muy rápido. De acuerdo, bueno, si eres algo como yo, leer un montón de palabras en una pantalla no ayuda realmente a entender qué es un cuatro cada uno . Entonces antes de empezar a construir nuestra fiesta llena, déjame solo mostrarte qué es un cuatro cada uno mostrándote un ejemplo y luego debilita zambullirte directamente en ella tirando hacia arriba muy propia fiesta llena. Echemos un vistazo a un ejemplo rápido
7. Ejemplo práctico de forEach(): De acuerdo, así que empecemos mostrándote lo que hace antes de que cada método también. Abramos nuevamente al crimen y se puede ver que incluso hemos sacado ejemplos anteriores en la pantalla. Voy a estar cortando esto en tiempo real contigo. Y para demostrarlo, déjame simplemente mostrarme mágicamente solo segundo a segundo. Sólo dame un segundo. Ahí vamos. Está bien, así que aquí estoy contigo codificando en tiempo real, y solo quiero mostrarte qué significa hacer los cuatro métodos cada uno. Y quiero darles un ejemplo que no sea tan fácil. Ya sabes, solo
puedo usar una matriz y simplemente pasamos por la consola rand de esos elementos. Pero siempre lo intento, y quiero decir, creo que tú en el punto ahora, sobre todo con este curso que entiendes a un guión de trabajo de alto nivel es así que
vamos a crear dos matrices y tomamos todos los elementos en el viento o lluvia. Lo empujamos a lo secundario menos. Se trata de algo más diferente. Entonces primero lo es. Eso es crédito en el archivo, otro fragmento, y es sólo llamar a eso para cada uno. Ahora lo primero que quiero hacer es crear una matriz. Es simplemente genial. Lift array uno. Y vamos a tener esto lleno de comida. Digamos que la leche, cariño y no sé debería crear una matriz para, Y en esta etapa, es sólo una matriz vacía. El siguiente paso es que lo adivinaste. Vamos a crear nuestro para cada bucle. Hagámoslo. Entonces vamos a acceder a la matriz uno. Y en este array uno, deberíamos tener acceso al cuatro cada método de forma nativa porque sabemos que cada matriz en nuestra Baraza tiene un prototipo y su prototipo tiene los cuatro cada minuto. Y recuerdas lo que tomaron los cuatro cada método? ¿ Cuál fue el argumento que se fue a proporcionar en ella? Eso es correcto. Función de devolución de llamada. Por lo tanto, proporcionemos una función de devolución de llamada. La función de devolución de llamada tomó dos argumentos. Will realmente tomó tres, Recuerda, Pero el 3er 1 yo sólo quería ni fines de archivo. Se necesitan dos, y el primer argumento es el elemento real en el rayo. Y por el bien de la discusión, sólo
llamemos a ese tema. Podemos llamarlo como queramos. Y el segundo ítem que pasamos esta función es el índice y nuevamente por simplicidad. Sólo llamémoslo en días. Ahora. Lo que esto nos permite hacer es que esto para cada método va a iterar sobre la matriz uno y cada vez que se califica sobre la matriz uno. Se va a llevar cada elemento de esa matriz, y nos va a tirar hacia atrás y el elemento en él termina. ¿ Qué queremos hacer con eso? Bueno, vamos a empujar el elemento en la nueva matriz de matriz a Así que vamos a exceso de matriz a Empujar cada elemento en el Saray otro me empuja eso es muy similar a los cuatro cada uno en deuda lo en el prototipo de matriz lo que significa que tenemos acceso a ella nativamente directamente de la caja. Vamos a usar Template Little aquí y vamos a existir. El artículo que dice Lucía, ha agregado su número y dirán exceso las Indias Y en lo último que quiero hacer es que quiero mostrarles cómo es esta matriz. Entonces ejecutemos esta función empujando el control. Entra y ahí vamos. Podemos ver cuál es el resultado en la pantalla. Milk ha sido editores número cero en él ha sido siempre como número uno y debería haber sido editores número dos. Y por supuesto, incluso
podemos mejorar en este abrigo. Sabemos que la nueva y mejorada forma de hacer las cosas es el Aris en Texas. Puedes deshacerte de la función de palabra clave y podemos poner un París en Texas. Sí, y podemos volver a ejecutarlo. Lo sentimos, tenemos que refrescar para refrescar nuestro co. Despejemos la consola y vamos a ejecutarla. Aquí vamos a obtener exactamente el mismo resultado. Pero ahora, usando el nuevo y mejorado Aero Syntex antes de avanzar en esta cosa más, necesito mencionar lo que este cuatro cada método y que es ¿Qué es esto? En referencia a 11 forma de degustación. A lo que esto se refiere es,
vamos a solo consola, cerrar sesión consola, registrar esto y un juego. Es sólo hacer re fresco. Está claro la consola y está funcionando. Lo que esto nos dice es que la palabra clave esta actualmente se refiere al objeto ventana. Esto tiene sentido, y vamos a meternos en esto con más detalle más adelante, así que no quiero subirnos a por qué sucede esto Ahora. Voy a estar hablando de eso,
así que sólo aguanta por ese murciélagos con nosotros para cada método. En realidad se necesitan dos argumentos. El primer argumento fue la función de devolución de llamada, que hemos hecho. Pero el segundo argumento aquí también es interesante que nos permita definir lo que queremos que esto lo apunte. Entonces, por ejemplo, si quisieras que esto apuntara a Ray uno, podríamos simplemente pasar la matriz uno al segundo argumento. De acuerdo, vamos a refrescarnos. Está claro esta consola en esta correr esto otra vez. Mira todavía refiriéndose al objeto de ventana. Esta es una nueva flecha fuera. Syntex. Si volvemos a nuestra antigua función, él lo haría y nos deshacemos del error. Ahora hacemos exactamente lo mismo. Volvemos a ejecutar esto. Ahí vamos. Obtenemos esto refiriéndose a la matriz real. De acuerdo, así que ten eso en cuenta con la heredera Syntex. Realmente maneja la palabra esto de manera diferente. Pero como los cuatro cada método es mostrar sólo dos argumentos, primer argumento es una pensión de forma fresca. El segundo argumento es a lo que quiere que esto se refiera. Pero si estás usando eso, tienes que volver a la vieja manera de escribir una función que yo sé que eso es mucho, pero lo estás haciendo vamos a seguir y ponernos a escribir nuestro muy poderoso
8. Construye nuestro formulario personalizado () polyfill: genial. Sabemos lo que hace un cuatro cada uno. ¿ Ahora qué? Yo quiero que hagas esto. Supongamos que nuestro navegador no tiene idea de lo que dicen cuatro pulgadas que no es apoyada de forma nativa por nuestro hermano. Entonces, por lo tanto, queremos construir un poderoso sobre nuestro prototipo de matriz. The First Deep va a estar realmente escribiendo el inicio de nuestro código. Y yo iba a lucir algo así. De acuerdo, déjame solo señalar que está en el prototipo fuera de nuestro objeto array. Entonces queríamos encontrar los cuatro método de cada. Podemos llamarnos como queramos, pero para nuestros propósitos, quiero que lo llamemos para cada uno y lo ponemos en el prototipo de la matriz JavaScript. Objeto global que conocemos para cada uno es un método. Por eso tenemos la función, palabra clave y cuello para cada método toma dos argumentos. El primer argumento que toma es una devolución de llamada. Y recuerda que Colback que toma tres argumentos, ese elemento de texto, ese índice y tienen razón. No uso a menudo su rayo. Por eso sólo nos estamos concentrando en el ítem y el índice. Pero en realidad se necesitan tres argumentos y lo primero que necesitamos probar para nuestro Polly Fall en nuestro código personalizado es que la devolución de llamada tiene que ser una función tiene que ser una función que tome thes items como sus entradas. Entonces pasemos a la consola y empecemos a recetar primero, pero de abrigo.
9. Consulta si el teléfono celular es una función: como se mencionó. Primera parte construyendo nuestro Polly Fall va a tener que ser para determinar si esa
función de devolución de llamada es esa es la función. Entonces entrémonos en ello. Empecemos a tirar hacia arriba, Polly. Caída. Entonces lo que voy a hacer aquí es que voy a crear un nuevo archivo y sólo voy a llamar a eso abundante y lo que queremos. Esta Polly llena dos DUI. Queríamos estar en el prototipo de cada erecto. Por lo que queremos acceder al objeto ray en JavaScript en su prototipo. Nosotros queremos definir una nueva función llamada para cada uno. Ahora, en esta instancia, usted y yo sabemos que nuestro navegador necesita ser apoyado. Pero como lo estoy haciendo de esta manera, en realidad
voy a estar anulando la funcionalidad normal para cada uno. Entonces, en efecto, vamos a estar creando una nueva Polly para una nueva función. Sabemos que este cuatro cada uno no es método y este mito que toma dos argumentos, el primer argumento es una función de devolución de llamada en nuestro caso. Solo llamémoslo de devolución de llamada. Podemos llamarlo como queramos. Y recuerden, el segundo argumento fue lo que queremos definir. Esto es esto. Acaba de llamarnos que este argumento. Ogg esto y ahí lo tienes. Es así como empezamos a construir nuestra caída de fiesta. Ahora lo primero que queremos hacer es que queremos comprobar si el cool back es una función. Y lo hacemos mediante el uso de scripts Java en el método bolt llamado type off. Eso es un operador. Entonces lo que queremos hacer es querer probar si tipo de la baraja fresca. Si no hay una función, entonces ¿qué queremos que suceda? Bueno, queremos detener nuestro código porque tiene que ser una función. Entonces lo que queremos hacer es que queremos lanzar y tú tipeas era, y lo que queremos hacer es que quieras tirar de nuevo a la llamada, y queremos decir no es una función solo para que el usuario tenga algunos comentarios sobre lo
que es que un borracho. Y sabemos si esto no lanza época tipo, no
son código puede continuar. Podemos continuar nuestro código aquí. Entonces ahí lo tienes. Vamos a probar si este código funciona o si hemos hecho algo mal. Lo primero que realmente puedo ver que ni siquiera lo has probado todavía. lo es. Debí realmente haber tenido que igualar sonidos aquí. En realidad estoy queriendo ser de lo mismo. Top es función. A ver si esto funciona. Está claro nuestra consola y vamos a correr. Por supuesto, realidad no
he ejecutado la función para cada función. Entonces lo que debo hacer escuchar este poco para encontrar una nueva matriz iluminada equivale a humo, miel y azúcar y ahora lleva. Las salidas son para cada método. Acabamos de pernos para cada uno y sólo ejecutemos. No pasemos en una función. ¿ Qué crees que pasará? Bueno, intentemos ejecutarlo tipo corte era Undefined no es una función. Esta es exactamente la época que hemos arrojado aquí. Por eso en realidad lanzamos una era. Es decir, incluso si pones algo que no es una función como en esa nota, hagamos registro de consola A. Por
ejemplo, eso es ahora mismo, Así que en realidad ya hemos definido. Reacondicionemos despejemos la consola y la ejecutemos. Aquí vamos. El registro de la consola no es una función, así que esto solo te muestra por qué en realidad lanzamos una era, porque estamos dando retroalimentación al usuario diciendo:
Hey, Hey, chicos, en realidad hay que pasar una función en los cuatro cada método. Entonces hagámoslo. Déjame mostrarte es ¿qué significa eso? Está bien, bueno, vamos a lanzar función. Entonces pasémosle una función que vaya En esta instancia, la función está completamente vacía. Entonces vamos a refrescar la página. Despeja la consola. Se ejecuta esta función y el se va. No tenemos cabeza y era e incluso t detenemos el código diciendo cool a menudo. Era no ha sido lanzada. Vamos sólo a registro de consola. Sí, podemos continuar Hoy te vas. A ver si esto funciona. Se ejecuta nuestra función y se puede ver el amor a la pantalla como sí podemos continuar. Y esto demuestra que nuestro core beck es en realidad una función impresionante. ¿ Verdad? Entonces esta es la primera parte para construir nuestro propio Polly fall back. Se puede ver que no lo hicimos de ningún modo porque ni siquiera nos hemos metido en lo que debería hacer la
función de devolución de llamada. Y eso es todo lo correcto en toda matriz y luego nos permiten manipular y trabajar con el ítem y el índice. Verían cómo hacer ese trofeo
10. Escribir nuestra función de devolución de llamada: Está bien, quédate conmigo. Estar conmigo. Porque ahora en realidad vamos a terminar de escribir nuestra función de devolución de llamada. Y antes de hacerlo, tenemos que saber qué es lo que queremos hacer de nuevo. Y recuerda cómo antes de cada uno es un bucle, Significado que necesitamos saber cuánto necesitamos bucear de lo contrario sólo va a ir indefinidamente. En nuestro ejemplo, hemos definido una matriz con tres artículos humo, miel y azúcar. Entonces lo primero es, ¿por qué accedemos a esto? Y la más obvia Anta solía usar la palabra clave esta. Pero, ¿a qué se referirá esto? De nuevo la forma más fácil. Es solo para consola de mercado fuera. Te mostraré algunas formas de saborear qué es esto. Pero esta es la forma más intuitiva y veamos qué es. Está claro la consola y está bien. Tenemos cónsul largo, esto a la pantalla, y esto es teoría. Podemos ver esa leche, miel y azúcar, y contiene tres artículos. Entonces eso es genial. Sabemos que otra forma de comprobar qué es esto y esto lo definen en una variable. Digamos lit. Sólo llamémoslo longitud. Lane for length es igual a este pensar y lo que podemos hacer sobre todo. Y esto es lo divertido cuando se trabaja en la pestaña de fuentes con nuestro propio archivo, podemos poner un punto de ruptura aquí, y lo que se puede hacer entonces es que se puede ejecutar esta función. Entonces, vamos a ejecutarlo. Perdón, vamos a refrescar primero aquí la consola. Y ahora pongamos un punto de descanso aquí en esta carrera. Lo que se va a hacer es detener el código en este punto. Y lo que es interesante aquí y donde se quiere mirar es la sección de alcance dentro de
las herramientas de Dave , y se puede ver que Lane está actualmente bajo encontrar derecho porque hacemos una pausa que permite ejecutado esta línea. Pero tan pronto como nos pasemos y ejecutamos esta línea, ganas Len es igual a tres para que podamos ver aquí que esto está señalando al Irán incluso para flotar sobre él. Este es nuestro llamado, Dave Tools es Te muestra a qué se refiere esto. Entonces por eso podemos acceder al método en longitud de perno en esta matriz. Impresionante, correcto. De acuerdo, así que hemos establecido que tenemos la propiedad de longitud. Quitemos ese punto de ruptura y es sólo continuar. Teoh, ejecuta nuestro código y todos lo hicimos en liga final espolvoreada también lo es. Mira a través del poder, ¿verdad? Y por supuesto, sólo
podemos usar la variable caída tradicional. Yo empecé Zira, y vamos a aplicar este bucle siempre y cuando sea menor que longitud. Y cada vez que iteraba a través de esta función, vamos a aumentar. Tengo quiero que sepamos esto Este es el estándar para grupo que todos conocemos y amamos. Y ahora lo que estamos queriendo hacer es encontrar nuestra función de devolución de llamada, va aquí y recordar qué argumentos son función de devolución de llamada tomó. Trata de tomar tres argumentos. Entonces vamos a llamar a nuestra función de devolución de llamada, y vamos a darle tres argumentos. Tres argumentos son el ítem, que es la matriz, y vamos a existir el elemento real. Por lo que tenemos que pasar en el número de índice. El segundo argumento es el índice en sí y el argumento alimentario. ¿ Recuerdas corazón? Ves, realmente no lo necesitamos, pero podemos, en esta instancia sólo para por el bien de integridad, tenemos que añadir esto. Tenemos que realmente pasar ahí dentro el propio Ray. ¿ Qué tan guay es esto? Ya prácticamente lo hicimos. Entonces lo que pasa es que podemos usar esto para cada método. Recordamos que la función toma tres argumentos. El ítem que índice y lo acabamos de llamar argumento esto y todo, podemos hacer las cosas con ellos como nos plazca. En nuestra instancia, vamos a solo elemento de bug de consola en días en todo esto solo para que puedas ver que está funcionando como se esperaba, eso es ejecutar esta función. Ya vas acabas de crear nuestra propia Polly full. Y está funcionando como se esperaba. ¿ Qué tan impresionante es esto? Pero hay una cosa más que tenemos que hacer, ¿no? Recuerda cuando miramos esto fue en una de estas lágrimas. No fue un apoyo nativo para cada uno. Recuerda esto. Teníamos que esta palabra clave en este abrigo este es el estándar en negrita reunión de cuatro pulgadas y que esto se refería al objeto ventana. Pero podríamos plantear un segundo argumento en ese ejemplo, miramos, pasamos en el array uno y lo usamos para los rescatistas. Bueno, ¿cómo haríamos eso aquí? Quiero que pienses en nosotros, y luego te mostraré en la próxima conferencia. Cómo hacer eso
11. ¿Qué significa ESTE PARTO significa ESTE PARTO LO QUE SE HACE ESTE What ESTE ESTE What Qué significa: rematemos con la parte final de nuestro abundante, y eso es para arreglar este tema. Entonces para hacer las cosas más fáciles, déjame simplemente eliminar el registro de consola anterior. Y solo quiero mostrarte. Si cancelamos amar esto a la pantalla, ¿qué esperarías que pasara? ¿ Qué crees que se va a mostrar en la consola? Bueno, echemos un vistazo. Se ejecuta la función y luego vas al objeto de ventana. ¿ Por qué es esto y qué es aún más raro? Esto acaba de matar consola otra vez. Qué es aún más raro ya que ponemos un descanso aquí y empezamos a ejecutar esto, Vamos a ejecutar la función y a ver de nuevo estas variables locales. De acuerdo, alcance. Voy a pegarme todo el código que lleguemos a la matriz. Ahora llegamos a los cuatro cada función, así que va a saltar a nuestra chica personalizada. Se va a comprobar con las callbacks, no una función. Eso va a pasar. Y esto es lo interesante, verdad? Que esto me cierro sobre eso cuando usé esta palabra clave con en la cancha que se refiere al rayo. Pero cuando salimos con cuando llegamos a este registro de consola en realidad se refiere al objeto de
ventana. Si sigo ejecutando esto, vamos
vamos pisando ahora en esta consola bloqueamos afuera lado de los cuatro cada función y ahora sabemos que se cierren sobre eso. Se puede ver que esto se refiere al objeto ventana. Cómo somos nosotros no tiene sentido. Al menos conoces script Java, porque sí tiene sentido y te mostraré por qué en un segundo. Pero antes de mostrarte por qué y meterte en el pellejo de la misma. Tan solo da un paso atrás y mira las diferentes formas en que acabamos de ejecutar funciones. Cuando ejecutamos para cada uno, lo
hicimos como núcleo de método. Lo ejecutamos como método. Ahí es cuando realmente ejecutamos la función de devolución de llamada de la función. Mira cómo lo hacemos. Eso es correcto. Es una función regular. No existimos. Método Zika antes de que lo
llamemos, simplemente ejecutamos su función. Y puede parecer en la superficie que esa es una diferencia muy sutil. Pero resulta que la sutil diferencia provoca profunda de arreglo. Pero déjame mostrarte por qué. Déjame saltar rápidamente a la otra pantalla y mostrarte por qué sucede esto siento tu dolor . Sé que puede ser difícil meter tu cabeza alrededor de esto y lo que debería referirse a diferentes áreas de tu código. Pero esto es sólo una visión muy rápida, de
alto nivel de esto y por qué está haciendo lo que está haciendo. Esto ha tomado un ejemplo raro, y está creando array con tres valores en un perro, un gato y un ratón. Y vamos a sentarnos nuestro código. Sí, uno con el que hemos estado trabajando sin política, y te darás cuenta cuando vayamos y ejecutemos eso para cada método. Como dijo anteriormente Actriz, esa función se nos está llamando método. Por lo que sabemos esto en esta instancia confuso. Pero sabremos que esto fue referido a la matriz en esta instancia. Pero cuando obtenemos nuestra función de devolución de llamada, aquí es donde las cosas se ponen muy interesantes, porque el script Java maneja esto muy específicamente cuando se trata de llamar a funciones en Harley de corte. Cuando pasamos una función al cuatro cada método fuera de la matriz, el valor de esto es la ventana de objeto global. En otras palabras, esa sanción será un método fuera de la ventana del objeto, y esta es justamente la forma en que JavaScript funciona cuando se tiene una función a la que no se está llamando como método, entonces por defecto, esa función en realidad se omite fuera del objeto de ventana. Cualquiera que sea el objeto global, dependiendo de su entorno de script Java. Por ejemplo, si estás ejecutando y nodo, el objeto global no es el objeto de ventana. Se llama, irónicamente, global. Entonces podemos decir que es algo así como el método de cuatro cada llamada de vuelta es la ventana de llamada cool big. Y es por eso que cuando usas esto, está refiriendo a lo que se llame una devolución de llamada en este caso, la ventana, el objeto de ventana. ¿ Quién? Su caso. Eso es a un nivel muy alto, ¿qué pasa en segundo plano? Pero la pregunta que probablemente estés haciendo ahora está bien. Enfriar, lo entiendo. Pero, ¿cómo solucionamos el problema? ¿ Cómo definimos a qué debe referirse esto? T. ¿Y si quisiera que esto hiciera referencia a mi array, no al objeto ganador? Y como resulta, hay una solución muy simple para eso. Vamos a comprobarlo
12. Termina nuestro polyfill personalizado: se siente como si este Polly para nunca terminara. Confía en mí, lo hará. Estoy harto de ello. Entonces lo vamos a hacer en una política plenamente funcional. Por lo que hemos visto esto se refiere al objeto global. Pero, ¿cómo definimos qué es lo que queríamos ser? Bueno, una solución simple a esto es usar el método cool. Cuál es el método de llamada volverá a ser incorporado en JavaScript. Y solo nos permite llamar a la función, llamar al método y definir a qué queremos que se refiera esto. Y eso es lo que queremos aquí. Entonces déjame mostrarte rápidamente qué es antes de que vayamos y lo ejecutemos de nuevo. Vamos a crear un nuevo fragmento, y sólo se nos llama todo método y déjame mostrarte lo que esta calma si lo hace. En primer lugar, definamos una función llamada comida. Y si me refiero a ti al script Java, no
sé por qué, pero a menudo cuando estás haciendo código de prueba, defines comida y defines barra, así que verás mucho de eso dando vueltas. Entonces por eso acabo de decidir llamarlo comida. No hay ningún significado o valor especial detrás de eso lo haría, y todo lo que queremos que la disfunción haga es que queremos que esta función consola registren esto. ¿ Y qué crees que va a pasar cuando ejecutemos comida? ¿ Es esta una función que se está llamando a un método? ¿ Dónde está esta función irregular? Por supuesto, esta es una función regular, por lo que el valor de esto debe ser el objeto de ventana. Y vamos a ejecutar este código. Ahí vas. Podemos ver que es el objeto de ventana, y quiero mostrarles cómo funciona el método central. Y para hacer eso, es sólo encontrar un objeto. Es una barra iluminada igual a un objeto vacío. Ahora ejecutemos de nuevo la función de comida. Pero hagámoslo con el método central. Por lo que accedemos a la función. Accedemos al método negativo de llamada bolt, y el primer argumento es a lo que queremos que esto se refiera en esta barra de caso. Ahora bien, si fueran argumentos en la función de alimentos, podríamos hacer paquetería por aquí,
pero no lo son. Entonces es un ejemplo muy sencillo. Pero ahora, ¿qué crees que va a pasar? Bueno, está
claro la consola y eso se agota el código. Y ahí tienes. No es el objeto de ventana en tu porque le hemos dicho al motor cuando usamos esto que
queremos referirnos a bar en este caso el tribunal anti objeto. Entonces eso es exactamente lo que la calma si lo hace, ahora es implementarlo en nuestra hermosa para resolver nuestros problemas. Entonces lo primero que tenemos que hacer es que tenemos que permitir que pongamos un segundo argumento
en los cuatro cada llamada de función se puede ver en la parte superior Hemos definido que los dos argumentos, una devolución de llamada y un argumento esto ahora cuando no lo hacemos poner en ogg esto, sólo
va a volver bajo encontrar que va a tratar argumento de deuda es indefinido, y en este caso, nunca lo
hemos usado de todos modos, así que realmente no se ha cumplido, Pero ahora realmente lo vamos a estar usando. Entonces esto y ahora lo siguiente que tenemos que hacer es simplemente cambiar nuestras callbacks. Es probable, porque ahora no solo estamos queriendo ejecutar la función directamente, ¿verdad? Queríamos salir vía el método call,
y recuerden, y recuerden, el primer argumento es a lo que queremos que esto se refiera,
y eso es a lo que vamos a hacer una pausa en Dhakal todo lo demás. En cambio, mismo nos llama y recuerda lo que dije, si no está definido, decir si no pasamos en un argumento, sólo
va a resultar como indefinido. Y esto, en esa instancia, sólo se
referiría al objeto global, que es lo que queremos de todos modos, Entonces se resuelve desde y para probártelo. Vamos a asegurarnos de que estás trabajando. Es solo guardar aquí son consola y ejecutar nuestro código. No queremos puntos de ruptura. Permítanme quitar el punto de interrupción. Continuar corriendo código. Perdón. Son conseguir esto que te ve. Y esto es lo lindo de trabajar en la consola. Nos devuelven todos estos ceros y sabemos exactamente que lo arreglo. Perdón, pongo todo esto es un segundo argumento, pero esto en realidad tiene que referirse a algo. En esta instancia, queremos que nuestra matriz sea este no los objetos globales que no pude posponer esto. Entonces, solo despejemos la consola de nuevo e intentemos ejecutarla y te vas. Esto ahora se refiere a nuestra matriz lenta en tu mente tanto como la mía y para demostrártelo. Si eliminamos array, deberíamos volver a obtener el objeto globo. Entonces, eliminemos eso. No pasar nada. Consola asesina, Borrar La consola y la señora rodean la función. Y volvemos a nuestro objeto de ventana para el que acabamos de crear nuestra fiesta Y sé que esto fue un poco de troopers tangentes de un costado Y yo solo pensé ¿
Sabes qué? Si no entiendes lo que una hermosa siempre te va a frustrar Así que déjame sólo ser unas charlas pasando por encima. Espero que lo hayan disfrutado. Pero vamos a entrar en qué se trata este curso
realmente, de verdad. Esa edad venidera espera que hayas disfrutado de la sección Savona. Se continúa.
13. Outro: ya
sabes, lo has dominado tan bien. Y como mencioné, espero que no se sintieran intimidados por ello y sepan que ha sido un poco duro. Nos hemos metido en mucha funcionalidad que aún no hemos discutido. En el curso de no te preocupes si estás un poco perdido en, pero una pared tiene sentido al final de su curso, lo único que solo quiero mencionar es un punto de cierre es que el script Java es el lenguaje usado para escribir miel para murciélagos. El Poly full en sí no tiene que ser usado script de $4. De hecho, se
puede crear un pontífice todo para implementar diversas características del navegador que no sean desempleados. Bueno, ¿qué otras características y de hablar? ¿ Qué otras características podemos crear? Un montón,
bueno, bueno, casi cualquier cosa que quieras cosas como SPG canvas,almacenamiento
web, almacenamiento
web videos
locales y de almacenamiento de sesiones. HTML cinco elementos. Sees es el diseño responsive con enchufes. Geolocalización ¿Es suficiente? Como puedes decir, hay mucho que podemos hacer. Por lo que fue una lección muy importante para que pasaras. Me alegro de que me acompañaras y te veré en la siguiente sección. Disfrútalo
CM Code_Zone, !false | funny, because its true
