O básico do JavaScript para iniciantes - Seção 8: ES6 | Rob Merrill | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

O básico do JavaScript para iniciantes - Seção 8: ES6

teacher avatar Rob Merrill, JavaScript Instructor

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

10 aulas (56 min)
    • 1. Javascript de básico - ES6: vídeo Promo

      1:55
    • 2. Javascript de básico - ES6: Deixe as declarações

      5:29
    • 3. Javascript de básico - ES6: Deixe as declarações

      7:57
    • 4. Javascript de básico - ES6: declaração de direcção

      3:08
    • 5. Javascript de básico - ES6: Template literals

      6:09
    • 6. Javascript de básico - ES6: Laboratório de literais de

      6:32
    • 7. Javascript de básico - ES6: funções de seta

      5:25
    • 8. Javascript de básico - ES6: Arrow

      6:13
    • 9. Javascript de básico - ES6: de spread

      6:15
    • 10. Javascript de básico - ES6: spread

      6:28
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

386

Estudantes

--

Sobre este curso

Curso 8 - ES6

Neste curso, você vai In

  • let
  • Con wats
  • Literais de templates
  • Funções de seta
  • Operador espalhado

Por todo nosso Javascript para a série de curso para iniciantes, você vai encontrar essa sua uma parada necessária para entrar na linguagem de linguagem de JavaScript. Vamos começar do zero e desenvolver nossa compreensão da linguagem de programação mais popular do mundo juntos.

Confira o JavaScript em ação com vídeos de quadro de branco para a visualização no seu smartphone. Este é realmente um curso com que você pode se envolver não importa em onde estiver em Faça sua educação em JavaScript em parte! Com vídeos de quadro de branco

Você pode praticar o JavaScript no seu navegador da web! Aproveite as ferramentas de desenvolvedor do Google Chrome para colocar o JavaScript que você aprendeu durante sua aula de whiteboard em prática com outros exemplos e desafios. Este é nosso de jogo de JavaScript de

Aprender JavaScript é como aprender um idioma. Este curso não vai fazer uma falsa promessa de dizer que você vai dominar o JavaScript durante a noite. No entanto, este curso vai mergulhar você na linguagem de programação mais popular do mundo.

Cada curso vai apresentar você algo novo no course :

  • Sintaxe no JavaScript
  • Javascript Criação de blocos
  • Melhores de JavaScript
  • Objetos no JavaScript
  • Arrays no JavaScript
  • Exposições regulares no JavaScript
  • Programação funcional no JavaScript
  • Algoritmos do JavaScript
  • Estruturas de dados no JavaScript
  • JavaScript de JavaScript 6

Você vai terminar esse curso com uma compreensão do Javascript que vai permitir que você veja um mergulho mais mais mais profundo no idioma e vai lançar em uma nova carreira como desenvolvedor de web de Javase.

Aprender um novo idioma pode ser difícil e até mesmo se sentir intimidando. JavaScript o básico de noções básicas para o processo de aprendizagem para ficar acessível e makes

Conheça seu professor

Teacher Profile Image

Rob Merrill

JavaScript Instructor

Professor

Rob Merrill is a Full Stack JavaScript Developer. His specialty is in the MEAN stack focusing on AngularJS, NodeJS, ExpressJS and MongoDB.

He is a graduate of Code Fellows Advanced Full Stack JavaScript Development course and has been developing with JavaScript for three years.

In his spare time he travels around Seattle's finest craft breweries with his wife and their dog.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Javascript de básico - ES6: vídeo Promo: Bem-vindo ao script Java. O Basics. JavaScript é a linguagem de programação mais popular no mundo tem sido chamado a linguagem da Web Stack Overflow listado como a tecnologia surda mais popular e obter números que como o top ranks aprendizagem linguagem JavaScript permitirá que você seja um desenvolvedor pilha completa ou financiar uma especialidade no front-end ou no back-end. Com JavaScript, você será capaz de lidar com frontais e frameworks como reagir e angular no lado do cliente . E você também pode cortar no lado do servidor back-end sem Js e criar bancos de dados com Mongo . DB JavaScript é uma linguagem, por isso vai levar algum tempo para aprender antes que você possa escrever poesia ou um romance em qualquer idioma, você tem que primeiro aprender o alfabeto linguístico, como fazer palavras e ver como os outros o usam. Para aprender JavaScript. Vamos procurar debaixo do capô. Isso não vai ser apenas um exercício na cópia do código de outra pessoa para acabar com um aplicativo que você não entende. Tudo o que fazemos será visual na forma de uma lição de quadro branco onde você pode realmente ver como tudo funciona e se conecta. Se você é um aprendiz visual, este é o curso para você. Isso não é sobre ir 0 a 60 ou zero para herói, porque se você realmente está começando em zero, esses cursos te deixam para trás rapidamente. É sobre aprender. Compreender e aplicar é que você pode criar e criar com Javascript. Caminho seguirá o nosso quadro branco. As lições sobre a maneira de laboratório entrarão no desenvolvedor de software do Google Chrome. Cardos do cônsul são recreio de script Java. Não há nada que você precise baixar para este curso. Sem ferramentas especiais, sem passos extras. Só Google, cromo, tudo. Você aprendeu a lição que recriaremos juntos no laboratório. Em seguida, apresentarei um desafio de código para recriar o que aprendemos juntos e, em seguida, analisaremos juntos uma possível solução. Bem-vindo ao Java Script. O básico. Vamos começar a falar script de trabalho 2. Javascript de básico - ES6: Deixe as declarações: Muito bem, bem-vindo de volta a Java. Script para iniciantes nesta seção, estamos olhando para E s seis, também conhecido como Acma Script 2015. Nesta lição, vamos olhar para instruções e JavaScript. Qual é a declaração let em JavaScript? Vamos declaração permite que o escopo de bloco para declarar uma variável local. Isso difere da palavra-chave var, que declara uma variável globalmente ou localmente para o escopo de uma função. De muitas maneiras, ele irá operar exatamente como a palavra-chave var. Mas há diferenças significativas. Bem, olhe para a implementação de ambos. Deixe e barrar e ver quais são essas semelhanças e diferenças. Vamos primeiro olhar para alguns conceitos básicos do que podemos fazer que é o mesmo. Podemos atribuir uma variável com ambos deixar e var e atribuir-lhes um valor. Você também pode reatribuir os valores com let como faria com longe podemos atribuir novos valores para as variáveis criadas com tanto longe e molhado. Agora vamos olhar para a primeira diferença com a palavra-chave var. Podemos usar a palavra-chave var novamente com uma variável que já foi declarada, e não vai lançar qualquer tipo de erro. Mesmo que tenhamos usado a palavra-chave VAR novamente, não temos nenhum tipo de problema. No entanto, se fôssemos usar o leito curado novamente para saudar, nós vamos devolver uma coisa de ar. Isto é algo chamado Zona Morta Temporal. Re declarar a mesma variável dentro da mesma função ou escopo de bloco eleva um ar de sintaxe. Agora vamos olhar para a diferença mais notável entre var e deixar escopo função e blocos ir. Se você é mais recente para o script Java e não está claro o que o escopo da função é, vamos em frente e olhar para algum código. Nosso método de log de ponto cônsul vai retornar os valores das variáveis primeiro nome, e então usamos uma string de um espaço. E adicionar a isso o valor do sobrenome são variáveis. O primeiro nome é declarado globalmente, então são registrados. O console será capaz de vê-lo e acessar seu valor da string. O Joe. No entanto, Var sobrenome de Smith não está no escopo global, mas definido dentro do escopo do sobrenome da função em que foi declarado em. Então, quando tentamos log toe para o console, o valor da maneira sobrenome não pode vê-lo e recebemos um erro. Sobrenome não foi definido. Agora vamos olhar para a diferença entre função e bloco. Escopo da palavra-chave VAR nos permite usar escopo funcional. Isso significa que quando declaramos uma variável, ela vai pertencer ao escopo global ou ao escopo da função que ela foi declarada dentro. Mas o que acontece quando declaramos uma variável dentro do escopo do bloco, como uma instrução condicional ou uma instrução switch? Vamos dar uma olhada em algum código. Se olharmos para este bloco de código declarando nossas variáveis com nossa palavra-chave, o que esperaríamos registrar para o cônsul? Porque a palavra-chave VAR não é declarada em uma função. Tanto a contagem quanto mais têm um escopo global. Isso significa que nosso registro de pontos cônsul confinou o valor de contagem de quatro e adicioná-lo ao valor de mais um e adicioná-los juntos para obter um resultado de cinco. Isso ocorre porque suas variáveis globais e nosso conselho que método log pode vê-los ambos. Vamos tentar de novo. Bem, olhe para um bloco de código semelhante agora. Quando tentámos imprimir isto ao nosso cônsul. Que resultados vamos conseguir? O código é exatamente o mesmo, exceto dentro dos blocos de código. Temos a palavra-chave “let”. O resultado é que vamos obter um ar que mais não está definido. Uma nota lateral rápida. Se você estiver acompanhando seu console, você precisará se certificar de que atualizou sua página ou um cônsul. log de pontos compreenderá a variável mais que você declarou com a palavra-chave VAR no exemplo anterior . Então, o que está usando a instrução let resulta na variável mais indefinida? Porque as variáveis são função com escopo e instruções vamos são blocos com escopo. O que isso significa é que quando o método de log de ponto cônsul está procurando por essas variáveis, ele vê contagem no escopo global. Mas ele não pode ver mais porque a palavra-chave let, ao contrário da palavra-chave VAR, esconde-a no escopo do bloco que declarou. Tudo bem, isso é tudo o que temos por agora. Na declaração de autorização, vemo-nos no laboratório, mas colocamos em prática o que aprendemos 3. Javascript de básico - ES6: Deixe as declarações: Bem-vindos ao laboratório. Aprendemos em nossa lição que deixar é uma alternativa para longe. Na próxima lição, aprenderemos de outra alternativa. Tovar ligou para o CONST. Lead é único e que ele utiliza escopo de bloco como suas variáveis encontrar seu escopo dentro do bloco do código lá declarado em usando VAR, fará com que uma variável para encontrar seu escopo dentro da função que foi criado dentro. Há também algo chamado Zona Morta Temporal. Isto é quando estamos declarados a mesma variável dentro do mesmo escopo de função ou bloco, e ele levanta um ar de sintaxe. E, finalmente, como você está aprendendo a codificar com, Deixe uma pista de que você está usando de uma forma apropriada é que isso resulta em seu código sendo mais fácil de entender para aqueles que vêm depois de você ou trabalhando em um projeto com você. E isso deve tornar seu código mais previsível, tornando-o menos buggy. Vamos em frente e começar com o desafio. Quero que crie dois pedaços de código. Eu quero que você demonstre como variáveis declaradas com longe criará uma saída válida sem retornar e instar o console, pois ele não faz uso de escopo de bloco. Então eu quero que você execute o mesmo código, usando a instrução let para mostrar como ele acessa. Bloqueie o escopo, escondendo um valor de ser registrado no cônsul, dando-nos uma variável indefinida no forno de ar. Vá em frente, pause o vídeo e dê uma chance. Quando você estiver pronto, continue o vídeo e nós vamos encontrar uma solução juntos. Tudo bem, como ir? Esperemos que isso tenha sentido uma revisão da nossa lição anterior. Vejamos um exemplo possível que mostra que permite usar o escopo de bloco enquanto VAR usa escopo global . Vamos usar a palavra-chave VAR para declarar uma variável A e atribuí-lo valor do número quatro Bem, em seguida, criar uma instrução if dará a expressão um valor verdadeiro e entrar no bloco de código . E lá nós declaramos uma variável B e atribuímos o valor de cinco. No entanto, essa variável não é uma variável local. É uma variável global. Então, quando usamos o método de log de dúvida cônsul, ele procura os valores de um que é global. Então ele confinou e B, que é global, então confinou também e os multiplica juntos. Retorna para nós um valor de 20. Agora vamos usar a instrução let no lugar da palavra-chave VAR dentro da nossa declaração condicional no bloco de código. Mas antes de fazer isso, você vai querer atualizar a janela do navegador. Caso contrário, teremos acesso à nossa variável. Seja que declaramos com a nossa palavra-chave var no exemplo anterior. Agora a variável B não é mais uma variável global, como era quando usamos a palavra-chave VAR. É uma variável local para o bloco de código que foi declarado dentro dando-nos escopo bloco . Isso significa que quando usamos o método de log de ponto cônsul para multiplicar o valor de A, que é quatro, e depois multiplicar o valor de B, não podemos encontrar ser porque é uma variável local. Assim, o método de registro de ponto cônsul não tem acesso a ele, e nós recebemos um ar. Vamos fechar este laboratório com a revisão do código. Teremos dois pedaços idênticos de código com exceção do VAR, e vamos declarações ambos envolvem uma função que sabemos. A instrução VAR cria escopo de função, mas eles também incluem um bloco de código que a instrução let também nos dará escopo de bloco . Vá em frente e revise cada seção do código. O que faremos logout para o console quando executarmos cada exemplo? Quais serão os dois valores de X que cada função retornará? Vá em frente, pausar o vídeo e olhar sobre o código. Uma boa maneira de realmente ajudar seu cérebro a envolver o código é a conversa uma linha por linha pelo que você vê acontecendo e também para digitá-lo você mesmo. Quando você estiver pronto para a resposta, vá em frente e retome o vídeo. Vamos primeiro olhar para a função de teste VAR. É sinais valores para X de um e vamos falar através do nosso código. Temos uma função chamada teste var. Quando chamamos essa função, entramos no bloco de código e temos nosso X e nós atribuímos um valor de alguém que escopo não é global, mas é escopo para a função de nosso teste. Nós, então, temos um condicional se a condição é verdadeira. Então vamos para o bloco de código. Temos o nosso X igual a dois. Lembre-se, a zona morta temporal não aplica declarações de divórcio. Você pode repetir a si mesmo são ex dentro. O bloco Coe realmente tem o mesmo escopo que nosso X anterior com um escopo de nossa função de nosso teste. Então, nesta função, escopo X com o originalmente um valor filho de um foi reatribuído um novo valor de dois. Quando registramos para o cônsul o valor de X, ele vai levar esse valor atualizado de X. Nós sair do bloco de código de instrução condicional e correr para outro método de log de ponto cônsul procurando o valor de X porque o valor não mudou e ambos os ex existiam dentro do mesmo escopo. Ex permanece no valor de dois. Vamos ver como isso difere em nossa próxima função. Certifique-se de fazer a atualização do navegador antes de inserir este casaco. Quando invocamos nossa função, retornamos os valores de dois e um. Por quê? O que fizemos de diferente? Vamos percorrer isso um pouco mais rápido, mas desacelerando para a diferença, invocamos nossa função para começar com a inserção do bloco de código. Aqui temos a declaração let atribuindo um dedo X. Agora é escopo para a função. Vamos testar a seguir é a nossa declaração condicional. Em vez de que temos um bloco de código, temos outra declaração Vamos ascendente para toe X. É escopo local não é a função. Vamos testar seu escopo local? É a instrução de bloco que é declarada dentro. É por isso que a zona morta temporal não se aplica. Tem um escopo diferente. Nossa próxima linha de código é um registro de ponto cônsul com o valor de X, que neste código, Bloco X recebeu um valor de dois. Quando saímos da declaração condicional e nos deparamos com outro método de log de ponto cônsul que quer imprimir o valor de X para o cônsul, ele não tem acesso ao X dentro do bloco co. Por causa da instrução let, Isso dá-lhe escopo de bloco. Assim, o método de log de ponto cônsul só pode ver o X com o valor de um escopo para a função let test. Tudo bem, isso é tudo o que temos por agora. Obrigado por se juntar a mim neste laboratório para uma olhada na declaração let em ação 4. Javascript de básico - ES6: declaração de direcção: Muito bem, bem-vindos de volta a Java. Script o básico Nesta lição, vamos olhar para a declaração constante. O que o Const Oito Casa da Moeda declara? O Const criará um valor que é uma leitura na referência Lee. Pode ser global ou local para a função ou bloco em que é declarado. Seu valor deve ser inicializado quando for declarado, pois você não pode alterar a referência ou o literal atribuído a ele. Vamos comparar rapidamente Const com Let e Bar Const. Tem mais em comum com Let Van var tanto const e deixar o nosso bloco com escopo enquanto var é função com escopo. Ambos const e let estão sujeitos à zona morta temporal como discutimos a última lição. Enquanto var não é, const difere de let e var em que os valores podem ser reatribuídos. O CONST é lido apenas por design. Então, o que deve se destacar é que seria mais apropriado usar Const em uma situação em que você não queria que o valor de uma variável tivesse qualquer possibilidade de ser alterado. Vamos ao laboratório para ver uma demonstração rápida de quando você pode querer declarar const no seu casaco. Digamos que você queira salvar uma chave A P I no seu arquivo. Tradicionalmente, quando você viu Variable declarado desta forma em todas as maiúsculas, era a maneira programadores de dizer a outros olhos humanos que este código não deveria ser alterado . No entanto , ainda pode ser alterado. Vamos fazer isso agora mesmo para demonstrar, assim como poderíamos fazer com qualquer outra de nossa palavra-chave. Const, no entanto, não permite que isso aconteça. Vamos fazer isso de novo. Mas com a declaração constante em vez de nossa nós temos uma atribuição de ar tipo UNCACKED para variável constante. Agora já mencionamos a zona morta temporal que não vai nos deixar declarar uma variável constante novamente, como vimos com vamos obter um tipo de ar não capturado identificar Air A já foi declarado, No entanto, com o que poderíamos alterar a referência ou literal atribuído a ele, assim como podemos quando declaramos uma variável com a palavra-chave var. Se tentarmos fazer o mesmo com Const, vamos receber um ar de atribuição de ar tipo não capturado para variável constante. Então, quando usamos const sobre deixar e var a melhor prática para usar const como quando queremos maior estabilidade em uma variável. Obrigado por se juntar a mim nesta primeira olhada em usar Const. Vemo-nos na próxima lição. 5. Javascript de básico - ES6: Template literals: nesta lição, vamos olhar um modelo, Liberais e es seis. O que é um modelo, literal? Aqui está uma longa definição que vamos quebrar através do resto do modelo de lição. Os liberais estão fechados pelo carrapato traseiro. É aquele botão logo acima do botão abas no canto superior esquerdo. Após o teclado, eles substituíram as aspas simples ou duplas normalmente usadas em pontos fortes que podem conter espaços reservados. Os espaços reservados são indicados pelo cifrão e chaves. As expressões nos espaços reservados, incluindo o texto contido entre eles, são passadas para uma função. As partes são podem cafeinado juntos pela função padrão em uma única string. Tudo bem, essa foi uma longa definição. Mas é realmente simples aplicar o seu ao seu código e ver rapidamente os benefícios primeiro. Vamos ver como podemos fazer novas linhas com E. S. 6 contra E. S 5 e ele é 5. Suponha que tivéssemos essa linha de código. Declaramos uma variável chamada frase e atribuímos o valor de uma string. Depois da palavra roubar, apertamos a tecla de retorno em nosso teclado, movendo-se para uma nova linha. No entanto, quando o mecanismo javascript interpreta e registramos o cônsul ou os resultados. Temos toda a corda em uma linha. Mesmo que tenhamos atingido o retorno e fomos para uma nova linha em nosso editor de texto ou cônsul, nós não conseguiríamos essa nova linha. Na verdade, para obter essa nova linha, teríamos que mudar nosso código. A isto. Adicionamos a cláusula de escape de barra invertida e a letra N para que nosso intérprete saiba que queríamos uma nova linha. O resultado é que conseguimos o que procurávamos. No entanto, liberais modelo e E. S seis nos permitem fazer isso de outra maneira. Vamos mudar isso para um modelo literal. Em vez das aspas simples ou duplas, usamos um tick back toe aberto e fechar O que queremos Nossa string para ser o nosso interpretador de script Java , em seguida, leva em consideração a nova linha que fomos para quando apertamos retorno. O resultado se parece exatamente com o que digitamos. Não, barra invertida não é caracteres especiais. Bem, isso foi mais intuitivo e poupa-nos alguns passos. Ele realmente só reduz o caractere de escape barra traseira na extremidade da letra. Vamos olhar para outra maneira que os liberais de modelo nos ajudam ainda mais em sintaxe e legibilidade. Declaramos variáveis de cobertura de pizza. Em seguida, para uma variável de cobertura de pizza. Queremos trazer essas variáveis para uma força. Para fazer isso, temos que fazer um monte de trabalho com espaçamento criando strings para levar em conta espaços ou falta de espaço é necessária. Isso não é muito bom de se olhar, e você estava continuamente precisando pensar sobre espaçamento apropriado e mais símbolos. Vamos em frente e fazer isso em E s seis. Vamos usar a instrução let e atribuir-lhes os mesmos valores. Nós também poderia usar a palavra-chave var e produzir os mesmos resultados. Neste caso. Nós também poderíamos transformar essas aspas simples em nossas variáveis em ticks para trás para o que eu estou prestes a mostrar a vocês. Mas não temos de o fazer, por isso escolhemos não o fazer. Por enquanto, como no nosso primeiro exemplo de cobertura de pizza, vamos usar carrapatos em vez de aspas simples ou duplas. Então vamos escrever nossa string exatamente como queremos lê-la. Para inserir são colocar os titulares de cobertura de um e cobertura também. Nós simplesmente usar o sinal de dólar, em seguida, lugar são variáveis dentro de abertura e chavetas. Sem concatenação, sem sinais de adição. Não se preocupe em criar uma string para espaços entre palavras ou uma string para um sinal de pontuação . Simples diferente de iniciar são variáveis com um sinal de dólar em envolvê-lo em chaves. Escrevemos a sentença dela como faríamos em inglês. Vamos olhar para mais uma maneira que modelo, literal simplificar as coisas em s seis Suponha em s cinco. Tínhamos um objeto com valor de propriedade. Paris. Vamos usar nossos coberturas um e coberturas, também, também, como são propriedades e os mesmos valores da última vez. Dentro desse objeto, queremos ter outra propriedade que tenha um valor de uma função anônima para chamar essa propriedade. Além do que fizemos em nosso exemplo anterior, temos que usar a esta palavra-chave toe acessá-los. Poderíamos também, neste caso, usar o nome do objeto pizza toe acessar as propriedades de cobertura de um e cobertura também. Isso é um pouco de código e um processo demorado. Agora vamos olhar para este código novamente. O que estamos olhando agora vai torná-lo muito mais indolor para digitar e ler. Vamos olhar para a propriedade pizza favorita que atribuímos o nosso método para. Vamos usar os ticks traseiros em vez de aspas simples. Então não teremos que nos preocupar com concatenação com o sinal de mais, criando espaços com strings ou pontuação strings Zwick. Vamos apenas usar o cifrão e chaves e inserção são titulares lugar de cobertura e cobertura, também. E os resultados são os mesmos. Tudo bem, faz tudo o que temos por enquanto nesta lição. Vemo-nos em seguida no laboratório onde colocamos o que aprendemos em prática. 6. Javascript de básico - ES6: Laboratório de literais de: nesta sessão de laboratório, vamos rever liberais modelo e es seis modelo. Liberais são um novo recurso no ES seis para fazê-lo trabalhar com cordas e modelos de cordas mais fáceis de usar. Você quebra texto e verso ticks em vez das aspas simples ou duplas correspondentes que tínhamos usado no passado. Ao trabalhar com strings, isso permitirá que você interpolar variáveis nelas com um cifrão e chaves. Você também pode interpretar tardiamente qualquer tipo de expressão, não apenas variáveis. Liberais de modelo também podem ser multi-linha, e você pode construir modelos brutos que não interpretam barras invertidas, assim como aspas simples e duplas usadas para fazer quando se trabalha com pontos fortes. Tudo bem, vamos em frente e começar com o nosso primeiro desafio. Vamos implementar uma corda de leão múltiplo. A primeira coisa que eu quero que você faça é criar uma cadeia de várias linhas. Pode ser um longo ou um curto como você quiser, desde que leve duas linhas. Eu primeiro quero que você crie um usando aspas simples ou duplas correspondentes como um E s cinco. Em seguida, eu quero que você implemente o modelo literal na mesma string para obter os mesmos resultados com R. E s seis método. Vá em frente e pausar o vídeo e quando você terminar, vai voltar juntos para olhar para uma possível solução. Tudo bem, Esperemos que isso não levou muito tempo em E s 51 maneira que nós poderíamos criar uma string multi-linha é simplesmente colocar um caractere de escape barra invertida seguido por um final onde gostaríamos começar uma nova linha. Eu também tive que adicionar o caractere barra invertida após o I em I'm porque envolvemos nosso texto e aspas simples e teria jogado um erro se não fizéssemos em E s seis. Poderíamos produzir o mesmo resultado muito mais fácil. Acabamos de substituir as aspas simples correspondentes por ticks traseiros. E não temos que lidar com o caractere de escape de barra invertida no final da letra para começar uma nova linha. Também não temos que nos preocupar com a barra invertida na contração. Sou muito mais limpo e muito fácil de escrever. Não, vamos rever a interpolação de cordas. Eu vou criar algumas variáveis, vai criar uma bebida variável e o filho do valor do café, um alimento variável, um alimento variável, e atribuir-lhe o rosquinha de corda e o tempo variável com o valor da corda. Manhã. Eu gostaria que você usasse o método yes five para incorporar essas variáveis dentro de uma força normal . Depois disso, eu gostaria que você implementasse as mesmas expressões usando a sintaxe es seis de liberais modelo que acabamos de aprender em ambas as implementações. Certifique-se de que a sua frase contém um único e um par de aspas duplas dentro da sua sentença e dedo do pé de pontuação apropriada. Termine sua sentença. Significado? que sua sentença contenha pelo menos uma contração, como eu sou e uma citação como John disse. Bom dia, unaspas. Vá em frente e pausar o vídeo e dar-lhe uma foto quando você está pronto, vai se reunir e olhar para uma possível solução. Tudo bem, vamos em frente e olhar para uma possível solução. Usando S cinco e s seis usando s cinco, poderíamos ter dito var mash up e um sinal que o valor da string. John disse vírgula, em seguida, fechou a corda e usou o sinal de adição para começar o dedo do pé, adicionar outra corda com uma única aspas e dentro do que tem que usar aspas duplas para John falando com um espaço depois de bom e fechar a nossa corda. Em seguida, adicionamos o tempo de expressão que é manhã e, em seguida, adicionamos isso a outra string em que fechamos John falando aspas e continuamos nossa frase até que tenhamos que fechar a string novamente. Após o espaço após o assobio, adicionamos a bebida expressão e adicionamos a outra corda com um espaço e comemos sua comida do que um espaço. Então fechamos nossa corda e adicionamos a expressão para comida, que é donut. Finalmente, adicionamos mais uma corda com um dedo do pé do ponto. Termine a sentença exaustiva. Não, vamos resolver isto com “E seis”. Ah, revisão rápida. À medida que declaramos nossas expressões, elas podem ser aspas simples ou duplas quando atribuímos seus valores ou podem estar em ticks traseiros . Isso não importa para interpolação. A sintaxe que usaríamos para as variáveis dela é um pouco mais complicada em E. S 6. Em vez de escrever o nome das variáveis em Li como tempo, bebida e comida, como fizemos em nosso primeiro exemplo, primeiro usamos o cifrão, em seguida, envolvemos a expressão com chaves. É um pouco mais do que antes, mas estamos prestes a ver o quão dramaticamente, mais fácil isso é. Abrimos com a parte de trás, e começamos a escrever o nosso texto como faríamos com qualquer frase normal. Quando chegamos à nossa primeira expressão, nós envolvê-lo com chaves e inicializá-lo com um cifrão do que continuar nossa string Quando chegarmos à nossa variável de bebida, . inicializamo-lo com o cifrão e bebida envolvente e chaves. E então continuamos nossa corda e, finalmente, repetimos o processo com nossa expressão alimentar e terminamos com um período. Fechando com um carrapato traseiro. Não se preocupe com espaços. Além disso, os operadores muito mais suave escreve e lê muito mais fácil. Tudo bem, isso é tudo o que temos. tempo neste laboratório vai vê-lo na próxima lição. 7. Javascript de básico - ES6: funções de seta: Tudo bem. Bem-vindo de volta a Java. Despojado o básico nesta lição. Vamos olhar para as funções de seta. O que é uma função de seta e es seis funções de seta, também chamadas funções aero gordura são sintaxe mais concisa para escrever expressões de função, eles utilizam um novo token que se parece com um Aargh gordo. Aargh! As funções são anônimas e alteradas a forma como este se liga e funções. Vamos começar olhando para uma expressão de função como nós os conhecemos, um E s cinco e como a sintaxe compara ts seis e são funções de seta gorda. E ele tem cinco anos. Neste caso, temos uma expressão de função. Declaramos uma variável chamada ES five funk, e atribuímos o valor de uma função anônima para ajudar a ver as semelhanças diretas e diferenças. Vou colocar toda essa função em uma linha. Esta função anônima não tem parâmetros e os parênteses, e então entramos em um bloco de código. Neste bloco de código, usamos a palavra chave de retorno para retornar o valor de dois. Agora, vamos olhar para uma maneira de escrever funções aerodinâmicas e es seis. Vamos fazer algumas observações. Em primeiro lugar, é um pouco menos código. A segunda coisa que notamos é que a palavra-chave função desapareceu. Para alguns, isso pode parecer uma falta de legibilidade para alguém que trabalha com nosso código. O que estabelecerá isso é uma função para o script Java. intérprete é o sinal de igual e o maior que colchete. Isso é chamado de aero gordo e nos permite saber que estamos trabalhando com uma função de seis setas E s . Também notei os parênteses na equação. Há momentos em que você pode optar por não usar os parênteses também. Nesse caso, ele não tem um parâmetro. Então, os terroristas em impostos neste caso exigem isso. Então temos o número dois. Não há chaves de abertura e fechamento. Vamos falar sobre cenários em que ainda podemos usá-los. No entanto, quando eles estão faltando, eles não retornarão agradavelmente o seguinte valor. Não precisamos digitar a palavra-chave de retorno. No entanto, se fôssemos usar chaves em torno do para, então precisaríamos usar a instrução return para retornar o valor de dois. Vamos passar o resto desta lição olhando para algumas das maneiras que podemos escrever funções aerodinâmicas e es seis. Você pode ter uma maneira favorita que você adotar rapidamente, mas a consciência das diferentes possibilidades irá ajudá-lo a interagir com o código de outras pessoas . Vejamos algumas maneiras diferentes de usar funções de seta. Com um parâmetro, vamos declarar uma variável chamada cubo com a instrução let. Também poderíamos ter feito isso com a palavra-chave VAR. Em nosso primeiro exemplo, não usamos parênteses para o parâmetro porque há apenas um parâmetro e funções de seta . Podemos optar por não adicionar este código. Temos então a nossa flecha gorda, seguida do nosso parâmetro multiplicado por si só três vezes. Como não há colchetes ou bloco de código, vamos implicitamente retornar o valor e não precisa usar a instrução return. Em nosso segundo exemplo, também não usamos os parênteses. Mas porque usamos um bloco de código como denotado pelas chaves, temos que usar uma instrução return. Se quisermos retornar o valor e nossos próximos dois exemplos, mostramos que podemos colocar nossos parâmetros e parênteses como estamos acostumados a algumas pessoas consideram isso uma prática recomendada para ganhar mais uniformidade em nosso código para quando olhamos vários parâmetros. Depois disso, temos setas gordas e um bloco de código faltando com um retorno implícito, depois outro com um bloco de código e um retorno explícito. Então vimos em nosso primeiro exemplo que, sem parâmetros, os parênteses são necessários. No nosso segundo. Vimos que há opcional em Lee com um parâmetro. Agora vamos olhar para o que nossos impostos pecado para dois parâmetros. Vamos começar declarando um anúncio variável com sua declaração de “vamos”. Bem, então um sinal de nossa função com dois parâmetros para nosso anúncio variável. Se você notar em ambos os exemplos, o corpo conciso e o corpo do bloco operam, como aprendemos em exemplos anteriores, e os parâmetros neste caso são necessários para ter parênteses em torno deles. Se houver dois ou mais parâmetros, como o nosso primeiro exemplo de nenhum parâmetro em que exigimos parênteses, encontramos o mesmo requisito para dois ou mais parâmetros. Tudo bem, isso é tudo o que temos. Por agora. Vemo-nos no laboratório onde colocamos em prática o que aprendemos 8. Javascript de básico - ES6: Arrow: neste laboratório. Vamos colocar em prática o que aprendemos sobre funções aerodinâmicas. Em nossa lição, vimos como as funções de seta têm uma sintaxe mais curta. São todas funções anônimas. Eles não usam a função curada Parênteses são necessários com zero ou dois ou mais parâmetros enquanto eles são opcionais para apenas um parâmetro funções ero também pode ter uma sintaxe corporal concisa com um retorno implícito ou uma sintaxe corpo bloco, em que uma declaração de retorno explícita é necessária. Vamos começar nosso laboratório com uma função como nós os conhecemos Em S 5, temos a variável funk 1 e estávamos tomando sol no valor de uma função anônima. Quando chamamos a nossa função, retornamos o valor da string alta. Para um primeiro desafio, eu quero que você reescreva esta uma sintaxe da função ES seis seta direita para fora da função seta com exemplos de ambos o corpo conciso e as opções de corpo bloco. Vá em frente e pause o vídeo e venha com a solução. E quando estiver pronto para retomar, pressione o botão play. Ok, vamos ver como isso acabou em e s seis Sintaxe irá declarar uma variável chamada funk para e o filho do valor de uma expressão de função de seta. Como não há parâmetros, precisamos ter um conjunto de parênteses vazias. Então temos a nossa função de flecha gorda. Isto é seguido por um corpo conciso no qual não usamos chaves, então temos um retorno implícito do valor da string high. Temos um conjunto de parênteses vazias, seguido de uma seta gorda com um corpo de bloco. Porque temos ido com o corpo do bloco, precisamos usar uma declaração de retorno explícita para retornar o valor da string alta. Em seguida, eu quero que você crie mais duas funções de seta usando a sintaxe ES seis para uma delas. Não use parâmetros. E para o outro, eu quero que você use dois ou mais parâmetros para cada um. Você pode usar o corpo conciso ou bloquear. Vá em frente e pause o vídeo, e quando estiver pronto para seguir em frente para ver possíveis soluções, retome o vídeo. Vejamos algumas soluções possíveis. Esta foi uma pergunta aberta, por isso a minha solução vai parecer um pouco diferente da sua. Aqui está um exemplo de ter parâmetros zero. Este nome de função tem parâmetros zero, então temos que usar parênteses. Então vamos em frente e olhar para a versão ES seis. Esta função, nome da expressão e ele s seis tem parâmetros zero. Então temos que usar os parênteses. Temos então um corpo conciso no qual temos um retorno implícito. Agora, para um próximo problema usando dois ou mais parâmetros, temos variáveis de X e y. Nós usamos a palavra-chave var, mas poderíamos ter usado a palavra-chave let também, porque existem dois ou mais parâmetros. Precisamos colocá-los entre parênteses. Temos então a função de seta gorda. Eu uso um corpo conciso sem as chaves para devolver implicitamente o valor do produto de X e Y. Tudo bem, vamos fechar este laboratório com um desafio mais significativo. Vamos olhar para a função do mapa, sintaxe e sim, cinco e convertê-lo ts seis. Vamos em frente e olhar para a implementação do S cinco. Agora, você pode ou não estar familiarizado com o método do mapa e JavaScript neste ponto, se você é um novo desenvolvedor, vamos olhar para o método do mapa, que é algo que nós olhamos no seção de programação do nosso curso em geral, a função de mapa. Mas passamos cada elemento da matriz como um argumento para o parâmetro que designamos com a extremidade variável. Em seguida, executar esta função de n vezes n e transformar cada elemento na matriz. Primeiro, passamos dois como um argumento para nossa função que se multiplicam duas vezes para transformá-lo em quatro. Então passamos quatro como nosso argumento para nossa função, multiplicando quatro vezes, transformando-o em 16 e assim por diante. À medida que transformamos o resto dos elementos em nossa matriz, você deve saber o suficiente neste ponto para converter isso para o formato E s seis. Mesmo se você ainda é novo para o método de mapa, vamos em frente e criar uma expressão de função usando a função seta. Sintaxe irá nomear são variáveis, e seu sinal que. O valor dos números são variáveis. Isso contém ali, Ray. Vamos querer que nossa função de mapa se transforme. Assim como ele é cinco em que passamos esta função como um argumento para mapear dentro de seus parênteses, teremos parênteses que preenchemos para a função de mapa. E sim, seis. Dentro, Como em todos os nossos casos de função de seta, não precisamos da palavra-chave função para o nosso fim de parâmetro que irá representar cada elemento da matriz porque é em Lee um elemento como um argumento de cada vez, e nós têm apenas um parâmetro. Não precisamos tê-lo entre parênteses, embora isso fosse aceitável. Temos então um corpo conciso e que irá multiplicar o valor dos elementos atuais por si só. E transforma esse elemento na matriz. E os resultados são os mesmos. Tudo bem, obrigado por dar uma olhada nas funções de seta comigo e nos vemos na próxima lição. 9. Javascript de básico - ES6: de spread: Bem-vindo de volta ao script Java, O básico e esta lição. Vamos olhar para o operador de propagação. O que é o operador de propagação? De acordo com Toa NDN, a rede Mozilla Developer, o operador de propagação permite que uma expressão seja expandida em locais onde vários argumentos para chamadas de função ou vários elementos para um raio, literal ou múltiplas variáveis para atribuição de estruturação são esperados. Então, vamos passar o resto desta lição ilustrando essa definição e ação do operador de dispersão . Se você é novo em JavaScript, então isso não terá a mesma familiaridade que vimos Const. E deixe a cabeça com var ou aero funções teve com funções ou liberais modelo tinha com cordas. Isto é algo novo. Primeiro, vamos olhar para a sintaxe. Três pontos são usados para permitir que o interpretador de script Java saiba que você está usando o operador de propagação . Agora vamos olhar para algumas coisas que espalham conduce operador com uma matriz. Primeiro, vamos olhar para uma matriz. Vamos chamá-lo de letras e um filho no valor de uma matriz com os elementos que contêm as cordas de A B e C. Agora, quando olhamos para o valor das letras, ele retorna em matriz, consistindo do Elementos A, B e C. Isto é o que esperaríamos. Nenhuma surpresa. Agora vamos colocar o operador de propagação no registro de pontos do cônsul. Ele retorna os valores das strings A, B e C individualmente e não parte de uma matriz. Ele os espalha, e isso é o equivalente a inseri-los sem serem agrupados como uma matriz. O operador de propagação também pode ser usado na construção de uma corrida. Vamos primeiro olhar para uma abordagem E s cinco para construir uma corrida. Digamos que temos que uma raça são variáveis. Alfa manterá a primeira matriz das cordas A, B e C nossa segunda variável. Aposto que vamos manter a nossa segunda matriz com os elementos de corda D, E e F anteriormente um E s 51 maneira que poderíamos adicionar estes a uma corrida juntos seria usar o método can cat. O método can cat é usado para unir dois ou mais Apagar. Este método não altera as matrizes existentes, mas retorna uma nova matriz contendo os valores da junção de uma corrida. Então vamos usar o método de tampão de lata em Alfa Array e passá-lo. O argumento da aposta matriz. O resultado é A, B, C, D, E e F tudo em um array. Vamos olhar para uma maneira em que ele tem seis nos permite usar o operador de propagação para fazer isso de uma maneira mais conveniente. Vamos imaginar que estamos começando com um sono limpo. Se você estiver acompanhando em seu navegador, certifique-se de fazer uma atualização, pois a declaração let lida com a zona morta temporal que discutimos em lições anteriores irá declarar uma aposta variável e um sinal em uma matriz com os elementos do string D E e F. Em seguida, irá declarar uma variável chamada alfabeto irá assinar para ele uma matriz com os elementos consistem nas cordas A, B e C. Então vamos usar o operador de propagação com os três pontos e, em seguida, a variável aposta que contém o valor da matriz que acabamos de criar acima. E o resultado é o mesmo que a nossa abordagem ES cinco, mas com uma sintaxe muito mais simplificada. Agora vamos olhar para outra maneira. O operador de propagação nos ajuda com funções. O operador de propagação permite que você espalhe os valores de uma matriz como se fossem argumentos. Vamos em frente e declarar duas variáveis contendo os valores da matriz. A primeira matriz conterá os valores de 12 e três. A segunda matriz conterá os valores de 24 e seis. Vamos supor que temos uma função chamada produto de três. Vamos dar à nossa função três parâmetros. Quando entrarmos em nosso bloco co, vamos querer encontrar o produto desses três valores. Bem, então logado. O resultado para o cônsul aqui é como podemos encontrar os resultados que queríamos em Es 5. Chamamos nosso produto de função de três e passamos para ele. Três argumentos para preencher os valores dos parâmetros para a função. Para fazer isso, nomeamos a matriz e o índice do valor dessa matriz que queremos usar como nosso argumento para conectar à matriz. Então cada vez que nomeamos a matriz e o índice do elemento. Agora vamos usar o operador de propagação ES seis para fazer a mesma coisa. Vou chamar o produto de três funções forjadas três parâmetros que estavam tentando preencher . Vamos usar o operador de propagação indicado pelos três pontos, seguido pelo nome da matriz, cujos elementos queremos usar como argumentos e são uma função. Um será passado para um dois será passado para ser e três serão passados para ver quando chamamos nossa função. Usando o operador spread em nossas duas matrizes, recebemos os mesmos resultados com um processo muito menos complicado. Nós não tivemos que Neymar Ray três vezes cheio sobre o índice de cada elemento na matriz . Há muito mais que podemos fazer com o operador de spread, mas por enquanto, vamos para o laboratório e colocar em prática o que aprendemos. 10. Javascript de básico - ES6: spread: Neste laboratório, vamos rever a nossa lição de operador de propagação. Este operador é designado com três pontos seguidos. Vimos que o operador de propagação pode ser usado para espalhar os elementos em uma matriz. Ele pode ser usado para construir uma matriz, e o operador de propagação pode ser usado para passar argumentos em uma função. Então vamos em frente e olhar e colocar o operador de spread para usar. Primeiro, vamos em frente e ilustrar como são espalhados. Operador abre os itens dentro de uma matriz bem, primeiro registrado os valores de nossa matriz nomes para o cônsul retornou o valor da matriz. E, em seguida, quando usamos o operador de propagação em seu caminho, ele retorna os elementos individualmente. O operador de propagação faz com que pareça que você está passando strings individuais como parâmetros para o método de log de ponto cônsul. Tudo bem agora, com isso feito, vamos começar a olhar para algumas implementações práticas do spread. operador começará com o desafio com base no que aprendemos na lição. Vá em frente e crie um aumento quando você tiver feito isso. E ele tem cinco transformado essas duas matrizes em rebocar uma matriz, em seguida, recriar o processo. Usando a abordagem do operador de propagação ES seis. Vá em frente, pause o vídeo e dê uma chance. Quando você estiver pronto vai se reunir e ver uma possível solução. Tudo bem, vamos em frente e olhar para uma possível solução. Usando E s cinco implementação irá declarar uma variável chamada es cinco chuva e um sinal que o valor de uma matriz contendo os elementos. Vermelho, laranja e amarelo irá declarar outra variável chamada Sim, cinco arco e um filho dos valores de uma matriz continha os elementos de verde azul e ir e violeta agora dedo adicioná-los juntos e armazená-los em uma variável. Usando a abordagem S cinco irá declarar uma variável chamada es cinco arco-íris e vamos assiná-lo o valor da chuva array. Então usaremos o método de comunicação e passaremos a ele o argumento do barco. Isso os reunirá em uma matriz com a ordem de vermelho, laranja, amarelo, verde, azul, índigo e violeta. Tudo bem, agora vamos fazer isso com o método ES seis, vamos declarar nosso es seis bo e atribuir-lhe uma matriz de verde, azul índigo e violeta, então vamos direto para declarar R. E S 6 arco-íris irá atribuir-lhe o valor de vermelho, laranja e amarelo. Em seguida, vamos usar o operador de propagação expressa com três pontos do que inserir R. E s seis barco, eo resultado é o mesmo. Por que não usar apenas o método de tampa de lata como um S cinco? Bem, a escolha é sua. É açúcar parcialmente sintático, mas o operador de propagação também funciona em outros objetos terríveis, como mapas também. Use mais tarde e conjuntos. Também é útil ao passar valores separados em uma função. Vamos em frente e olhar para a passagem de valores para uma função agora. Aqui está o seu desafio. Eu quero que você crie uma função que terá três parâmetros. Você não precisa usar a função de seta para isso, mas pode ficar com ES regular cinco sintaxe suas funções. Eu então quero que você passe para a função um array com três argumentos usando o operador de propagação , como vimos em nossa lição, e para tornar isso um pouco mais complexo, vá em frente e passá-los para o modelo literal para fazer um corda fora deles. Este desafio tem algumas partes móveis. Sugiro que gastes pelo menos 15 a 20 minutos a tentar resolvê-lo sozinho. Mesmo se você se sentir preso, volte e assista às lições anteriores. Se você precisar de um pouco de assistência, ou procurar o operador de propagação ou cadeias de caracteres de modelo no Google, vá em frente e pause o vídeo e dê uma chance quando você estiver pronto, vai voltar e encontrar uma solução de trabalho. Tudo bem, como ir. Vamos em frente e criar o nosso raio irá declarar uma matriz variável e atribuir-lhe os valores dos elementos. Corri banheiro e rápido. Em seguida, vamos em frente e criar uma função chamada Mad Lib. Vamos dar-lhe três parâmetros de verbo, substantivo e adjetivo dentro do bloco co vai colocar uma declaração de retorno do que começar com um tick de volta para começar o nosso modelo. Literal Bem, então, para fora o resto de nossa string, vamos usar a sintaxe de espaço reservado do cifrão e embrulhando a expressão variável e chaves. Faremos isso para todos os três parâmetros. Em seguida, fecharemos nosso modelo com um tick para trás. Agora a última coisa que temos para Dio é usado o operador de propagação para passar os elementos de nossa matriz como elementos individuais em nossa função lib louco. Fazemos isso simplesmente usando o operador de propagação com três pontos. O nome, nossa matriz e o resultado é que corri para o banheiro e rapidamente me sentei. Isso produz os mesmos resultados como se tivéssemos passado em argumentos individuais em nossa função mad lib que teria exigido que nós nomeássemos nossa matriz e o índice de cada elemento para cada argumento que queríamos passar para a função lib mad. Tudo bem, isso é tudo o que temos por agora. Obrigado por se juntar a mim. Olhando para o operador de propagação verá você na próxima lição.