1 00:00:02,390 --> 00:00:06,030 Descanso e propagação são sintaxes importantes a serem conhecidas. 2 00:00:06,710 --> 00:00:11,810 Agora eu quero mergulhar em outro recurso importante, e esse é o D. estruturação. 3 00:00:12,740 --> 00:00:18,860 Agora, deixe-me apresentar esse código lá em baixo e vamos começar com a estrutura do Objeto D. 4 00:00:19,580 --> 00:00:20,820 Eu peguei meu objeto pessoal. 5 00:00:21,420 --> 00:00:25,490 E agora vamos dizer que temos algum código em que eu só preciso nomear. 6 00:00:26,330 --> 00:00:29,780 Então, eu tenho uma nova função, imprima o nome, digamos. 7 00:00:30,440 --> 00:00:32,930 E isso realmente leva o objeto de pessoa completa. 8 00:00:33,440 --> 00:00:41,750 Porque, por qualquer motivo, escrevemos o escreveu assim, ou simplesmente temos uma função na qual somos capazes de 9 00:00:41,750 --> 00:00:44,990 obter vários argumentos ou um objeto completo. 10 00:00:45,020 --> 00:00:48,470 Porque algum pacote de terceiros sempre nos dá essa pessoa. 11 00:00:48,470 --> 00:00:49,700 Não podemos mudar isso. 12 00:00:50,030 --> 00:00:55,190 Então, temos a pessoa aqui e eu só quero consolar a pessoa LOKKE. 13 00:00:55,190 --> 00:00:55,730 Nome Doug. 14 00:00:59,270 --> 00:01:01,340 Agora, é totalmente bom fazê-lo assim. 15 00:01:02,000 --> 00:01:04,340 Agora posso executar um nome de impressão aqui. 16 00:01:04,670 --> 00:01:08,630 Agora eu preciso passar a pessoa aqui agora para uma ampla nomeação. 17 00:01:08,630 --> 00:01:09,660 Confusão, confusão. 18 00:01:09,920 --> 00:01:11,900 Você pode nomear este ano como quiser. 19 00:01:12,140 --> 00:01:14,660 Então, aqui podemos nomear dados pessoais. 20 00:01:14,930 --> 00:01:16,640 E aqui dentro usamos dados pessoais. 21 00:01:16,700 --> 00:01:19,070 Portanto, essa função não usa essa pessoa. 22 00:01:19,310 --> 00:01:21,140 Apenas espera dados de qualquer pessoa. 23 00:01:21,410 --> 00:01:25,100 Não chamamos essa função e passamos essa pessoa como argumento. 24 00:01:25,860 --> 00:01:27,470 E agora, se eles executarem esse arquivo. 25 00:01:28,590 --> 00:01:32,970 Eu vejo Max aqui, não é, decorrente dessa linha aqui? 26 00:01:33,670 --> 00:01:35,790 Não, é claro, podemos absolutamente fazer assim. 27 00:01:36,630 --> 00:01:38,560 E sempre obtemos dados pessoais. 28 00:01:38,640 --> 00:01:43,140 Porque, novamente, digamos que esta é uma função que é realmente chamada por algum pacote de terceiros, que é 29 00:01:43,260 --> 00:01:45,690 um padrão que você vê bastante cheio neste curso. 30 00:01:46,890 --> 00:01:49,350 Agora, portanto, não podemos alterar os dados que obtemos. 31 00:01:49,800 --> 00:01:54,390 Mas nesta função aqui, estamos interessados apenas no nome. 32 00:01:55,080 --> 00:02:01,480 Podemos então usar esse índice ou um recurso chamado Estruturação de Objeto D, onde adicionamos chaves. 33 00:02:01,500 --> 00:02:02,430 Aqui no. 34 00:02:03,690 --> 00:02:04,470 Lista de argumentos. 35 00:02:05,100 --> 00:02:07,890 E não especificamos a propriedade do objeto recebido. 36 00:02:07,920 --> 00:02:11,790 Estamos interessados no nome que, assim como a propriedade. 37 00:02:12,210 --> 00:02:12,800 Nós temos aqui. 38 00:02:13,830 --> 00:02:17,520 Então isso será retirado do objeto recebido. 39 00:02:17,880 --> 00:02:21,120 As outras propriedades serão descartadas por disfunção. 40 00:02:21,570 --> 00:02:25,770 E ele será armazenado em uma variável chamada name, que podemos usar lá. 41 00:02:26,380 --> 00:02:28,020 Então agora se eu executar isso novamente. 42 00:02:29,370 --> 00:02:30,400 Eu também vejo Max. 43 00:02:30,750 --> 00:02:35,840 Mas agora estamos usando este Syntex de estruturação e podemos extrair o H 2, se você quiser. 44 00:02:36,450 --> 00:02:37,800 Ou função degreed. 45 00:02:38,520 --> 00:02:39,720 Então pai tudo funciona. 46 00:02:39,900 --> 00:02:47,490 E essa é apenas a sintaxe que podemos usar que nos permite escrever um código um pouco mais compreensível, onde somos muito 47 00:02:47,490 --> 00:02:52,980 claros sobre o que precisamos do objeto recebido e que é armazenado em uma variável 48 00:02:52,980 --> 00:02:55,800 local que podemos usar apenas neste função. 49 00:02:56,400 --> 00:02:59,430 E você pode, é claro, não apenas usar a estruturação dentro de uma função. 50 00:02:59,850 --> 00:03:01,350 Você sempre pode usá-lo fora de lá. 51 00:03:01,530 --> 00:03:05,580 Você pode criar uma nova constante aqui, por exemplo. 52 00:03:05,580 --> 00:03:07,290 E então o Syntex ficará assim. 53 00:03:08,160 --> 00:03:11,820 Aparelho encaracolado é igual a aparelho encaracolado. 54 00:03:11,820 --> 00:03:16,140 No lado esquerdo do lado igual há algo que geralmente não vemos JavaScript, porque normalmente está 55 00:03:16,140 --> 00:03:16,660 errado. 56 00:03:16,740 --> 00:03:18,420 Mas para a estruturação D, está correto. 57 00:03:18,930 --> 00:03:21,920 E então aqui podemos ter o nome e o H. 58 00:03:22,350 --> 00:03:26,620 E isso criará duas novas constantes que mantêm o valor armazenado no nome e H. 59 00:03:26,880 --> 00:03:29,970 Portanto, esses nomes aqui devem corresponder aos nomes das propriedades. 60 00:03:30,950 --> 00:03:38,700 Fora da pessoa, e agora podemos consolar, bloquear, nomear e envelhecer assim e agora seremos executados. 61 00:03:38,720 --> 00:03:46,250 O arquivo que esta saída aqui vem do log do console de disco e os valores que estamos produzindo aqui são 62 00:03:46,400 --> 00:03:48,710 recuperados da estrutura do objeto D. 63 00:03:50,420 --> 00:03:53,240 Agora, há toda a estrutura não apenas do objeto D. 64 00:03:53,450 --> 00:03:55,530 Você também pode aumentar a estrutura em D. 65 00:03:56,120 --> 00:03:57,710 Então, se voltarmos para o Hobie. 66 00:03:58,710 --> 00:03:59,520 O que você tem aqui? 67 00:04:00,610 --> 00:04:02,800 Bem, então, se quisermos estruturar isso. 68 00:04:04,420 --> 00:04:06,870 Nós também podemos criar um concerto. 69 00:04:06,970 --> 00:04:11,410 Você também pode usar let, a propósito, para economizar na reestruturação do objeto se planeja alterá-lo. 70 00:04:11,860 --> 00:04:19,840 Você pode usar um concerto quente para Hobbie one e um hobby também, envolto em colchetes. 71 00:04:22,760 --> 00:04:24,330 E depois nos designou para hobbies. 72 00:04:24,900 --> 00:04:33,830 E agora, se você consola o hobby de log 1 e também consola o hobby de bloqueio, e executa esse arquivo novamente, verá 73 00:04:34,260 --> 00:04:36,320 os dois hobbies impressos lá. 74 00:04:36,590 --> 00:04:41,600 Observe que não há colchetes ao redor deles na trava do console porque não estamos travando na 75 00:04:41,600 --> 00:04:42,230 matriz aqui. 76 00:04:42,530 --> 00:04:46,430 Estamos registrando valores individuais, que conseguimos com ele. 77 00:04:47,800 --> 00:04:49,250 Muita estruturação. 78 00:04:50,750 --> 00:04:57,710 Ao contrário da reestruturação de objeto aqui, você pode escolher qualquer nome que desejar, porque seus elementos não 79 00:04:57,710 --> 00:04:58,730 têm nomes. 80 00:04:59,060 --> 00:05:01,670 Eles são puxados pela posição. 81 00:05:02,000 --> 00:05:03,890 Portanto, este será sempre o primeiro elemento. 82 00:05:04,190 --> 00:05:07,030 Este será o segundo elemento nos objetos. 83 00:05:07,130 --> 00:05:09,470 Você o retirou pelo nome, pelo nome da propriedade. 84 00:05:10,190 --> 00:05:11,590 Então isso de estruturação. 85 00:05:11,810 --> 00:05:13,790 E isso também é algo usado neste curso. 86 00:05:14,000 --> 00:05:21,200 Simplesmente nos permite acessar elementos em objetos ou apagar rapidamente pelo nome ou posição e 87 00:05:21,320 --> 00:05:21,980 soltar. 88 00:05:22,160 --> 00:05:23,490 E isso não significa excluir. 89 00:05:23,550 --> 00:05:24,560 Eles não estão sendo excluídos. 90 00:05:24,740 --> 00:05:28,650 Eles simplesmente não são usados em nossa função ou seja o que for que estamos escrevendo. 91 00:05:29,000 --> 00:05:33,800 Portanto, para elaborar os dados, não precisamos desse snippet de código específico. 92 00:05:34,010 --> 00:05:34,940 Estamos trabalhando.