O básico do JavaScript para iniciantes - Seção 2: objetos | 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 2: objetos

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

8 aulas (40 min)
    • 1. Javascript de básico - objetos: vídeo de Promo

      1:55
    • 2. Javascript de básico — objectos de objetos

      4:43
    • 3. Javascript de básico - objetos: laboratório de literas de objetos

      3:54
    • 4. Javascript de básico - objetos: Dote e bracket

      5:12
    • 5. Javascript de básico - objetos: Dote e sem lado e de notação

      4:42
    • 6. Javascript de básico - objetos: função de construtor de objetos

      6:26
    • 7. Javascript de básico - objetos: função construtor de objetos

      6:03
    • 8. Javascript de básico - objetos: a vida secreta das Primitivas de

      7:23
  • --
  • 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.

1.177

Estudantes

--

Projeto

Sobre este curso

b0876504

Curso 2

Neste curso, você vai In

  • literais de objetos
  • Notação e
  • Funções de construtor de objetos
  • Protótipos de objetos

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 - objetos: vídeo de 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 outros 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 — objectos de objetos: Bem-vindo ao Java. Faça o script das noções básicas nesta seção. Vamos olhar para objetos nesta lição. Vamos olhar para o objeto. Notação literal. O que é um objeto? Em Javascript? Um objeto é um tipo de valor que consiste em pares de valores-chave. JavaScript tem dois tipos de valor principais. Primitivas e objetos. O que é um primitivo em javascript? Números de cordas Bruins Noel indefinido. E com seis. Temos símbolos, então qualquer coisa que não seja primitiva é um objeto. Isso significa que script Java tem um monte de objetos, incluindo um raise e funções que vamos olhar para fora mais tarde. A maioria dos itens cotidianos pode nos ajudar a entender como os objetos JavaScript funcionam, seja uma TV, uma banheira ou um carro, você pode transformar praticamente qualquer coisa ao seu redor em um objeto de script Java. Vamos ter algumas mudanças de vocabulário quando falamos de objetos que serão importantes para lembrar enquanto você aprende a pensar, falar e javascript em um objeto. Variáveis tornam-se conhecidas como propriedades. Se uma variável faz parte de um objeto é chamada de propriedade. As propriedades nos informam sobre o objeto, como o nome de um hotel ou o número de quartos que ele possui em um objeto. Funções tornam-se conhecidas como métodos. Se uma função é parte de um objeto, ela é chamada de método. Os métodos representam tarefas associadas ao objeto. Vamos mergulhar mais em funções e métodos. Em uma lição posterior, vejamos a criação de um objeto. JavaScript nos dá algumas maneiras de criar objetos. Nesta palestra, vamos olhar para o objeto. Notação literal. Este é um simples é usar para chaves e colocar pares de valor chave dentro dessas chaves . Com vírgulas separando o valor chave perecem. Vamos construir um carro. Nosso objeto foi criado agora, mas não há nada nele. É um carro sem peças e sem características. Vamos em frente e fazer um “brainstorm”. O que seu carro tem? Caminho precisa de quatro rodas, tinta vermelha, motor de eficiência de combustível e um convidado Inc Vamos adicionar esses itens entre as chaves abertas e fechadas . Os objetos estão cheios de valores de propriedade ou pares de valores-chave em JavaScript, o ar Keys, também conhecido como propriedades, e podemos usar esses termos de forma intercambiável. Quando estamos falando de objetos, a chave ou propriedades não precisam de aspas simples ou duplas, embora eles possam tê-los, desde que seja uma variável JavaScript válida. Veremos mais tarde como podemos adicionar nomes de propriedades que seriam nomes de variáveis inválidas, mas cercá-los com aspas. Observe que entre cada par de valor de chave você tem uma vírgula, exceto para o par de valor de chave final . Não, há outras maneiras de construir um carro. Assim que declaramos nosso objeto, podemos adicionar propriedades de via ponto e notação de colchetes. Levará um segundo para entender, mas deve afundar rapidamente com o uso. Primeiro irá certificar-se de que o nosso objeto é declarado como mostramos como construir com notação de cão e suporte. Vamos começar a construir com a notação de pontos. Primeiro, simplesmente seguimos a fórmula de nomear o objeto que criamos. Em seguida, colocamos um ponto e, em seguida, nomeamos a propriedade e atribuímos valor. Estas são partes estavam indo acesso do dedo do pé com notação de ponto. O objeto é carro. A propriedade que queremos adicionar é rodas e o valor é o número quatro novamente o objeto, seu carro, a propriedade que você deseja adicionar sua cor eo valor é a corda vermelha e assim por diante Se nós digitar isso no console como você vai no laboratório, obteremos o mesmo resultado. Agora vamos construir o mesmo carro com notação de suporte. Certifique-se de que declaramos o objeto. carro VAR é igual a chaves abertas e fechadas. Agora, para adicionar propriedades e valores com notação colchetes seguirá uma fórmula semelhante à notação de pontos . Vamos começar com o objeto declarado que, em vez de um ponto, colocará colchetes abertos e fechando com aspas simples ou duplas dentro deles. E o nome da propriedade dentro que depois disso irá atribuir o valor, como em nossa notação de pontos. Exemplo. Se puséssemos isto no nosso cônsul, descobriríamos que este devolve o mesmo carro no nosso próximo vídeo. Vamos dar uma olhada mais profunda na notação de pontos e colchetes e ver como eles podem acessar e até mesmo alterar valores em nosso objeto. Obrigado por se juntar a mim na notação literal de objetos. Agora vamos para os nossos desafios e te vejo no laboratório. 3. Javascript de básico - objetos: laboratório de literas de objetos: Tudo bem, acabamos nossa lição sobre objetos de script Java. Aprendemos que objetos são coleção solta de pares de valor de chave, e qualquer coisa que não seja um valor primitivo em JavaScript é um objeto. Até construímos um carro juntos de três maneiras diferentes. Vamos abrir nosso cônsul e trabalhar mais com objetos. Aqui está o desafio. Vamos construir uma pessoa com notação literal de objeto. Quero que comece com três pares de valor de propriedade dentro do objeto. Quando você declará-lo, vamos nos certificar de que os valores representam três tipos de valores. Um número de string e booleano. Depois de construíres isto, vamos criar mais dois objectos com o cão e a notação de colchetes. Vá em frente e pause seu vídeo e construa isso e então nós voltaremos e faremos uma possível solução juntos. Tudo bem, como ir? Vamos brincar de criador e vamos construir uma pessoa. Vamos começar adicionando três pares de valores-chave que contêm pelo menos um número de string e barras. Temos um homem faminto, meados dos anos 20 e uma altura de 5 pés 10 polegadas. Como você pode ver, eu transformei o que poderia parecer um número em uma string e usei a cláusula de escape para manter a aspa única no texto da string. Agora vamos em frente e criar um novo objeto com chaves como fizemos acima e usar notação de ponto toe adicionar valor ao objeto. O objeto é sua escolha. Vou sugerir pizza se precisar de uma ideia. Mas vá em frente e vídeo positivo e crie um objeto com notação de pontos. Pode ser qualquer combinação de propriedade e valores. Depois voltamos juntos e fazemos uma pizza. Tudo bem, vamos em frente e chegar a uma solução juntos para um objeto de pizza. Nosso primeiro passo é criar o objeto pizza. Nosso próximo passo é começar a fazer nossa pizza. Fazemos isso nomeando nosso objeto do que colocar o ponto, em seguida, colocando nossa propriedade e, finalmente atribuindo-lhe um valor. Toda boa pizza tem uma crosta. Vamos torná-la uma crosta mais saudável e usar trigo. Também vai precisar de um molho. Vamos em frente e adicionar Maren. Era para queijo vai em frente e usar mussarela, e nós temos que ter algumas coberturas. Vamos em frente e adicionar queijo novamente. Pepperoni, azeitonas e cogumelos. Vamos digitar pizza em um console e ver o que conseguimos. Isso é exatamente o que estávamos procurando. Agora vamos em frente e construir um copo com notação de colchetes para este objeto. Eu quero que você inclua três propriedades e valores usando um tipo de dados de string, booleano e um número. Vá em frente e construa esse copo, e quando terminar, vamos rever uma possível solução juntos. Tudo bem, como ir? Vamos construir um copo juntos. Começaremos construindo nossa taça. Objeto irá construir o nosso copo com notação de colchetes, colocando a propriedade dentro de aspas simples ou duplas e circundando que com colchetes. Então vamos atribuir um valor. Vamos dar-lhe uma propriedade de isolado em. Um booleano da verdade lhe dará uma propriedade de líquido e um fio de água. Vamos dar-lhe uma propriedade de onça e um número de 16. Vamos em frente e colocar esse copo em um console e ver o que ele retorna. São exatamente o que procurávamos. Algo que provavelmente está ficando de fora para você agora é o quão mais fácil é escrever em notação de pontos. É três caracteres a menos e vem muito mais naturalmente durante a digitação. Então, por que a notação de colchetes existe? Vamos descobrir em breve. Vejo você em nossa próxima lição 4. Javascript de básico - objetos: Dote e bracket: Bem-vindo de volta ao Java, despojado o básico nesta lição. Vamos olhar para acessar propriedades de um objeto com notação de ponto e colchetes. Na nossa última lição, construímos um carro juntos. Vamos supor que você é um mecânico e você precisa acessar o valor separado ou propriedade de seu carro ou objeto ou, em alguns casos, até mesmo alterar os valores da propriedade. Antes de fazer qualquer coisa, vamos olhar para o nosso carro e para uma nova propriedade em valor. Vamos adicionar o que seria uma variável inválida do nosso objeto de carro. Também podemos adicionar esta variável inválida ao nosso carro com notação de suporte. Em ambos os exemplos, precisamos ter citações em torno de nossa propriedade. Poderíamos colocar citações em torno das outras propriedades, mas não precisamos de Teoh. Isso seria considerado má prática. Mas quando não temos envolvido variável, devemos cercá-lo com aspas. Não é possível adicionar isso com a notação de pontos. Esta é uma das limitações de notações de pontos. Podemos adicionar variáveis que começam com números, têm espaços ou usar palavras reservadas, como função Var ou CONST. Eles precisam ser colocados através da notação de objeto literal ou adicionados com a notação de colchetes. Vamos adicionar outra propriedade e valor ao nosso carro usando um carro de nome de variável inválido. A função de propriedade é igual ao caminho da unidade. Tem que colocar aspas em torno da propriedade chamada função porque esta é uma palavra-chave reserva JavaScript que normalmente seria uma variável inválida. E então temos dado a ele o valor da unidade de cadeia de caracteres. Agora vamos voltar à nossa história de um mecânico tentando acessar valores de propriedade do objeto de carro . Vamos começar com notação de ponto, acesso de dedo do pé, uma propriedade ou um método de um objeto com notação de ponto. Você usa o nome do objeto, seguido de um ponto, em seguida, o nome da propriedade ou método. Você quer acessar o acesso do dedo do pé. Uma propriedade de um objeto com notação de ponto. Use o nome do objeto, seguido de um ponto que o nome da propriedade que você deseja acessar. Então vamos imaginar que queremos acessar a cor vermelha e, em seguida, fazer Honda do carro. Nós escreveríamos objeto, carro ponto cor da propriedade e obter Red Way iria escrever objeto carro ponto propriedade, fazer para obter Honda. Também podemos alterar os valores de propriedade usando a notação de ponto também. Suponha que você queria transformar o cartão verde e transformá-lo em um Toyota. Nós escreveríamos objeto carro ponto propriedade, cor e um filho na propriedade Value Green bem objeto carro ponto. Faça e atribua valor a ele. Toyota. Podemos acessar quase todas as propriedades em nosso objeto de notação de pontos, e na maioria dos casos esta é a maneira preferível de obter acesso ao valor de uma propriedade, já que é muito mais fácil de digitar. Mas em alguns casos, notação de pontos fica aquém, como vimos anteriormente. Não podemos usar a notação de pontos com uma variável envolvida, começando com um número. Uma palavra-chave reservada de script Java ou uma que contém um espaço tentando acessar as propriedades . ano de origem e a função vão ao ar com notação de pontos. Vejamos como obter acesso a nomes de variáveis envolvidas para propriedades com notações de colchetes . Agora primeiro, para acessar as propriedades de um valor com notação de colchetes, temos que colocar uma aspas simples ou duplas em torno da propriedade e colocá-la dentro dos colchetes. Suponha que você queira acessar a cor e a marca do nosso carro novamente. Nós escrevemos objeto carro abertura suporte quadrado abertura simples ou duplo. Cite a cor da propriedade em uma aspas fechadas, simples ou duplas, em seguida, um colchete reto para obter vermelho Way direito Objeto abertura do suporte quadrado abertura do carro . Propriedade de aspas simples ou duplas fazer do que uma citação próxima e um colchete próximo para obter Honda. Agora vamos em frente e ver como a notação de colchetes nos permite pegar origem perto do valor da propriedade e o valor da propriedade da função. O processo é exatamente o mesmo, as propriedades ar já dentro de aspas, e agora nós apenas colocá-los dentro de colchetes e estamos todos prontos. Se a notação de colchetes é muito mais flexível do que a notação de pontos. Por que a notação de pontos é tão mais popular? Vamos olhar para estes dois ao lado do outro. Lembre-se dos melhores programadores. Os melhores programadores são muitas vezes referidos como preguiçosos. Isso significa que você está sempre fazendo as coisas da maneira mais eficiente. Este é um pequeno exemplo da facilidade de digitação. A notação de pontos geralmente o torna a primeira escolha sobre a notação de colchetes. Vamos encerrar esta lição dando uma última olhada em uma bola de futebol e acessando todo o seu valor de propriedade. À medida que olhamos para isso, devemos que a notação de pontos nos dê acesso às primeiras 3 propriedades. No entanto, quando chegamos à propriedade feita de forma, não podemos acessá-lo porque há um espaço também o comprimento da propriedade e com não tem um espaço. Mas ele tem um caractere especial tornando-o uma variável inválida. Lembre-se do ar aspas nas propriedades indicam-nos que provavelmente precisaremos de notação de suporte toe acesso a essas propriedades muito antes mesmo de começarmos a analisá-las. Certo, obrigado por dar uma olhada comigo na notação de pontos e colchetes. Vamos para o laboratório e pôr em prática o que aprendemos. 5. Javascript de básico - objetos: Dote e sem lado e de notação: Tudo bem. Acabamos de terminar nossa palestra sobre excesso e alteração de propriedades de um objeto com notação de ponto e colchetes. Aprendemos que apesar da notação de pontos ser o método mais limpo e usado com mais frequência para obter propriedades de um colchete de objeto, notação é a mais flexível, às vezes a única opção para criar propriedades de acesso em um objeto que nós consideraria ter nomes de variáveis inválidos. Vamos abrir nosso cônsul e trabalhar com objetos. Vamos em frente e construir um objeto juntos. Isto pode parecer um pouco repetitivo. Se isso acontecer, isso é bom. Significa que está começando a se tornar natural para você. Vamos construir um boneco de neve com objeto, notação literal. Depois vou pedir-lhe para aceder a diferentes partes do boneco de neve e até mudar algumas das suas partes. Então você quer construir um boneco de neve? Vamos lá. Vamos declarar um boneco de neve variável, e é assiná-lo. O valor deste objeto que as propriedades serão é neve e atribuído. A cor Boolean True é atribuída. A corda branca feita de bolas de neve é atribuído o número três, e o primeiro nome é atribuído a corda gelada tudo bem. Seu primeiro desafio é acessar todas as propriedades, ir em frente e bater em pausa e então vamos resolver isso juntos. Tudo bem, como ir? Espero que isso tenha corrido bem para você. Embora você provavelmente tenha notado um problema. Vamos começar a pegar todos os valores. Vou em frente e usar a notação de pontos Stoneman dot is not returns. Um booleano de verdadeira cor do ponto do boneco de neve retorna uma cadeia de branco e ponto do boneco de neve feito de bolas de neve retorna o número três. Então você chegou ao primeiro nome e provavelmente viu que este Onley cria um ar direto do bastão. Sabemos que esta vai ser uma variável envolvida por causa das aspas simples em torno dela,o dela, que significa que a notação de pontos não será capaz de acessá-la. Analisaremos em um minuto como acessar a propriedade do primeiro nome com a notação de colchetes. Em seguida, vamos alterar todos os valores de propriedade que a notação de ponto nos dá acesso vai mudar o ponto do boneco de neve É neve para a string? Sim, eu poderia mudá-lo para o valentão e falso, mas então ele realmente quer ser um boneco de neve. Será que ele vai mudar a cor do boneco de neve para a corda laranja e não vai mudar o boneco de neve. Feito de bolas de neve até oito. Este é um boneco de neve gigante. Agora vamos acessar rapidamente ou a propriedade do primeiro nome do homem de neve com notação de colchetes e alterar o valor da propriedade. Nós apenas escrevemos nosso objeto e, em seguida, dentro dos colchetes e aspas, nós escrevemos nosso nome de propriedade e nós atribuímos o valor da string. Jack Frost. OK, vamos construir outro objeto. Desta vez vou pedir-te para construíres uma casa. Quero que você adicione quatro valores de propriedade com notação de ponto com valores de três tipos de dados diferentes , em seguida, em outros três valores de propriedade com notação de colchetes usando três nomes de propriedade que só podem ser adicionados com a notação de colchetes em vez de notação de ponto. Vá em frente e aperte o botão de pausa e dê um tiro. Então volte ao vídeo e construiremos uma casa juntos. Tudo bem, tenho certeza que você acabou com uma casa incrível. Vamos em frente e construir um juntos. A primeira coisa que quero fazer é colocar algumas portas na casa do quarto. Portas de ponto é igual ao número quatro. Como parados quartos é igual ao número três casa ponto Endereço é igual a cadeia de 42 19 ao sul do colega street house dot office é igual ao Boolean False Well Lister objeto de casa em todos os três casos. Em seguida, dentro deste colchetes e aspas Willis as propriedades para pool e variável envolvida por causa do espaço irá assinar o falso booleano para a primeira propriedade proprietário e envolvido Variável porque ele começa com o número vai assinar uma string de John Doe para o tipo de propriedade e variável envolvida. Porque é uma palavra reservada em JavaScript, vamos enviar o apartamento de cordas. Vamos ver a casa dela no console. Ótimo em todas as partes ou suas chances são que você viu que a notação de pontos é muito mais simples. E, a menos que colchetes sejam absolutamente necessários, a notação de pontos geralmente é a melhor prática. Isso é tudo por este laboratório, e veremos na próxima lição. 6. Javascript de básico - objetos: função de construtor de objetos: Bem-vindo de volta ao Java. Script O básico. Nesta lição, vamos olhar para as funções do construtor de objetos. Funções do construtor de objetos nos permitem criar muitos objetos usando uma função como um modelo . Vamos cobrir funções na seção futura. Uma função por agora é algo que você conta para fazer trabalho para nós. Então, nesta lição, nós vamos aprender o que a função construtor de objetos faz por nós. Então vamos dizer que queremos fazer um carro, depois outro carro e depois outro carro. Isso pode levar muito tempo. No seu exemplo anterior, só conseguimos construir um objeto, um k a. Um carro de cada vez. Às vezes, em Javascript, gostamos de ter um tipo de objeto que pode ser usado para criar muitos objetos de um tipo. A maneira padrão para criar um tipo de objeto é usando a função construtor de objeto. Então vamos fingir que somos uma fábrica de carros e temos que construir muitos carros. Vamos primeiro criar o modelo com as propriedades de objetos. Isso nos salvará de escrever muito do mesmo casaco uma e outra vez. Bem, olhe para funções em uma palestra posterior, mas quando você se encontra repetindo o mesmo código várias vezes. Ali está o sol. Há provavelmente uma função que pode fazer o trabalho para nós. Vamos olhar para este código, já que é novo para nós, então vamos olhar para a magia que ele executa. Primeiro, temos a função de palavra-chave reservada JavaScript. Isso é para um interpretador de script Java, então ele sabe o que fazer com o código que estamos dando a ele. Depois disso, temos o nome da função, carro. Está em maiúsculas. Eu sei que eu disse antes que capitalizar a primeira palavra de variáveis não é a melhor prática. Mas quando se trata de notação construtor objeto, esta é, de fato, melhor prática. Isso não é necessário, Mas lembre-se, estamos sempre revestir para a compreensão de interpretadores de script Java, mas também para olhos humanos que olharão para o código dela mais tarde. A função tem três parâmetros. Cada um define o valor de uma propriedade no objeto. As propriedades serão as mesmas para cada objeto criado. Usando esta função, temos uma nova palavra para um vocabulário de script Java. É a palavra reservada. Vamos fazer uma pausa por um momento e falar sobre isso. A palavra-chave. Isso é comumente usado dentro de funções e objetos onde a função declarou altera o que isso significa. Ele sempre se refere a um objeto, geralmente o objeto no qual a função opera em JavaScript. A coisa chamada Este é o objeto que possui o código JavaScript. O valor Este, quando usado em uma função, é o objeto neste caso carro que possui a função. A palavra-chave this em um construtor de objeto não tem um valor. É apenas um substituto para o novo objeto. O valor deste se tornará o novo objeto do construtor é usado para criar uma nota de objeto que esta não é uma variável. É uma palavra-chave. Você não pode alterar o valor disso para ser outra coisa e obter o mesmo resultado. Vamos produzir uma quantidade em massa de carros. O carro de função é um construtor de objetos. Depois de ter um construtor de objetos, você pode criar novos objetos ou instâncias do mesmo tipo. Podemos fazer isso definindo uma nova variável de carro um e atribuir-lhe valor de carro novo e ao redor. Carro não precisa ser capitalizado, mas é a convenção e as melhores práticas. Neste caso. Você, então, dá argumentos. Lembra do objeto do carro? Construtor tem os parâmetros embutidos nele, e é aqui que você está chamando a função. Então nós colocamos em argumentos. Podemos então encher o carro dela com argumentos que correspondem aos parâmetros do nosso construtor de objetos . Tivemos Honda para Make Civic para modelo e 2006 para o ano, e aqui está o nosso valor para o carro um é. Isso é um monte de código. Veja como é fácil fazer um monte de carros usando a função construtor de objetos. Uma vez que criamos nossos novos objetos, podemos adicionar um acessá-los da mesma forma que qualquer outro objeto. Poderíamos olhar para o carro para o Jeep Cherokee, e poderíamos querer adicionar algumas características que poderíamos dar-lhe para vai dirigir com notação de ponto Car para 0.4 Vai conduzir igual ao booleano. Verdade, poderíamos dar-lhe um booleano se ele tem adesivos de pára-choques ou não, e neste caso, podemos usar a notação de colchetes para fazer isso. Lá vai você. Você mudou de fazer carros um de cada vez para se tornar uma fábrica de automóveis. Agora vamos tentar outra vez. Vamos construir um zoológico se construíssemos um zoológico com pouca notação, poderia parecer algo assim. A propósito, eu não sou zoólogo, então eu estou inventando essas coisas do topo da minha cabeça Primeiro, o que está em um leão vai dar o nome de Simba. Eu sei. Não muito original. Vamos para o tipo de comida carnívoro e um booleano de verdade para o Rei da Selva. Então poderíamos acrescentar que um macaco lhe dará o primeiro nome de Louis, um tipo de alimento carnívoro e um booleano para falso em relação a ser rei da selva. Como você pode ver, isso vai levar um tempo e um monte de teclas repetidas para Philip Arzu. Então vamos criar outra função construtor de objeto. Parece com todos os animais dela. Nós vamos ter um nome, tipo de comida e status de onde seu rei da selva. Vamos começar declarando uma função e escolhendo um nome de função neste caso animal novamente. Nós o capitalizamos como melhor prática. Em seguida, preencheremos os parâmetros que são nome, tipo de alimento e rei da selva. Então temos chaves de abertura e fechamento para código de função e eles são substituídos Nossa esta palavra-chave que estará se referindo ao animal objeto e eles são substituídos. Nossa palavra-chave que estará se referindo à função construtor objeto anexada a cada palavra-chave é a propriedade que pertencerá a cada instância do objeto. E então definimos o valor igual ao parâmetro acima. Isso será preenchido com o argumento quando invocarmos a função. Então, estamos todos prontos. Vamos Philip Arzu. Vamos declarar nova variável para cada animal e para o Senado. O valor da nova palavra-chave que está acontecendo com o interpretador de script de trabalho sabe que vamos fazer novas instâncias de nosso objeto. Então nós apenas preenchemos os parâmetros e estamos todos prontos e aí você está. Obrigado por se juntar a mim em nossa primeira olhada nas funções do construtor de objetos. Vemo-nos no laboratório para pôr em prática o que aprendemos 7. Javascript de básico - objetos: função construtor de objetos: Muito bem, bem-vindo ao nosso laboratório. Em nossa lição anterior, analisamos a notação do construtor de objetos. Vimos que através do uso de uma função, podemos criar um monte de objetos muito rápido. Nós também aprendemos que se estamos tendo que repetir o mesmo código várias vezes, provavelmente há uma função que pode nos ajudar. Construtores são apenas funções regulares que são usados com a nova palavra-chave. Eles vêm e entregam você e nós precisamos fazer vários objetos similares com as mesmas propriedades e métodos neste laboratório. Vamos construir funções construtoras de objetos. Vamos construir uma função construtora de casas e uma função de instrutor de livros. Começaremos construindo liberais de objetos, como fizemos durante nossa primeira lição sobre objetos. A partir daí, você vai transformar esse objeto literal em um construtor de objetos. Vamos construir uma casa juntos. Então nós declaramos uma variável chamada quartos de casa com o apartamento número quatro com a cor falsa de ouro com a piscina marrom corda com o Boolean True State com a corda de Washington City com a corda de Seattle. Agora temos uma casa para fazer outra casa com objeto literal. Temos que digitar tudo isso de novo. Temos a nossa casa quartos Teoh, o apartamento número dois, a cor Boolean True, a piscina branca corda, o ouro, estado falso, a corda Califórnia e cidade, a corda Sacramento. Demorou a mesma quantidade de tempo com um monte de código repetido. Imaginemos que somos desenvolvedor de casa e temos hectares de terra para encher de casas. Isso vai demorar um pouco de construir cada casa à mão. Mas e se eu pudesse construir as plantas e entregar o trabalho a uma equipe de construção ? Não é uma analogia perfeita, mas perto do que uma função construtora de objetos faz. Vamos construir nosso projeto. Nós nomeamos nossa função de lar, e nós capitalizamos o H novamente. Não temos que fazer isso, mas ser legíveis por humanos. É a melhor prática e esperada. Em seguida, colocamos os parâmetros. Estas seriam as partes da nossa casa. Eles são o que vamos preencher com argumentos quando nossa equipe de trabalho começar a implementar nossos planos chamando uma função. Nós então temos a palavra-chave esta, que está fazendo alguma magia, e é essencialmente criar um objeto vazio que podemos então preencher com essas diferentes propriedades de quartos apartamento, cor, piscina, estado e cidade lá, em seguida, atribuído aos nossos parâmetros, que mais tarde serão preenchidos com nossos argumentos. Agora vamos construir uma tonelada de casas. Cada uma de nossas equipes de construção de casas toma isso como seu plano. Eles nomearam suas casas declarando uma variável. Este filho do valor da nova palavra-chave. O novo curado é para o trabalho. Uma intérprete rigorosa para Stan, ela comeu um novo objeto. Em seguida, nomeamos o nome da função do construtor de objeto neste caso home, que agora é sensível a maiúsculas de minúsculas de como a definimos anteriormente. Melhor prática de novo. Mantenha-o em capitalização. Nós agora preencher os argumentos para salas de função construtor objeto, três apartamento, cor falsa, a piscina azul corda, o ouro False City, Atlanta e ST Georgia. Uma linha de código bem rápido. Certo, aqui está o seu desafio. Quero que construa mais três casas com a sua função de construtor de objetos. Vá em frente e pausar o vídeo, pegue suas ferramentas e construa algumas casas do que se juntarão em alguns momentos e construa um pouco mais. Tudo bem, como ir, vamos construir nossas casas. Vamos apenas declarar três variáveis seguidas pelo novo curado, criando novas instâncias da casa do construtor de objetos. E depois vamos preencher os nossos argumentos. O Irã é para um novo desafio. Quero que faça o mesmo com o livro e com a biblioteca no início. Deseja que você crie um objeto de livro de qualquer livro com um objeto literal. Então eu quero que você imagine que você estava enchendo uma biblioteca com livros e você quer fazer isso em uma quantidade menor de tempo e menos código, então você vai ter que criar uma função construtora de objetos. Em seguida, quero que você preencha a biblioteca criando mais cinco instâncias. Isso deve levar alguns minutos. Talvez queiras ver o exemplo que acabámos de fazer. Se você não tem certeza por onde começar, vá em frente e pause o vídeo e, em alguns momentos, encontrará uma possível solução. Tudo bem. Como foi? Espero que tenha sido um desafio, mas ainda assim gerenciável para você. Vamos começar construindo um objeto de livro com objeto, notação literal. Vamos apenas dar às propriedades por uma questão de brevidade, autor e título. Na verdade, vamos fazer três e as páginas de anúncios primeiro declararão o livro de variáveis. Nosso autor será Victor Hugo. O título é Preguiça e as Páginas. Eu não sei se o topo da minha cabeça eu sei que é enorme e eu comecei e não consegui terminar. Então vamos dizer 1200 páginas. Não, vamos em frente e construir a função construtor de objetos Com base nisso, vamos usar a função de palavra-chave, seguida de livro de capital, seguido por nossos parâmetros de título do autor e páginas. Em seguida, temos o nosso bloco de código com a palavra-chave esta conectando ao objeto livro e as propriedades do título do autor e páginas e definindo-os igual aos valores dos parâmetros mais tarde para ser preenchido com os argumentos. Tudo bem, estamos quase terminando. Vamos criar três novas instâncias de nossa função construtor de objeto livro que acabamos de declarar são variáveis e, em seguida, um sinal do valor da nova palavra-chave, que fará novas instâncias do nosso livro. E então nos sentimos em nossos argumentos como chamamos ou invocamos a função. Agora, quando inserimos essas variáveis em nosso cônsul, nós pegamos os objetos que estávamos procurando lá você tem. Obrigado por se juntar a mim nesta primeira olhada nas funções do construtor de objetos e nos veremos na próxima lição. 8. Javascript de básico - objetos: a vida secreta das Primitivas de: nesta lição de desempregados despojado o básico. Vamos ver o que acontece quando os primitivos JavaScript agem como objetos. Ou, como diz Angus Kroell, o mundo secreto dos primitivos Javascript. Lembra quando falamos sobre JavaScript sendo feito de primitivos e objetos? Primitivas? Nossas cordas números bilhões não são indefinidos. E com es seis símbolos e tudo mais em JavaScript são objetos. Mas se você notou que nós encontramos várias vezes em que os primitivos fizeram o que objetos Onley podem fazer. Vejamos o seguinte código. Var bem-vindo é igual à corda Bom ver você. Var gritar bem-vindo é atribuído o valor do ponto de boas-vindas ao método maiúsculo A variável bem-vindo é um recipiente de armazenamento contendo uma cadeia de bom para ver Você Bem-vindo está armazenando um primitivo Em nossa próxima linha de código vemos que criamos uma variável chamado shout Welcome e para a variável de boas-vindas shell estavam armazenando a variável Welcome contendo uma string primitiva e estamos anexando o método para maiúsculas para que hold em não são métodos em lea anexados a objetos? Como pode esta string armazenada dentro do bem-vindo que discutimos é um primitivo ser tratado como um objeto. Strings não são os únicos primitivos que funcionam como objetos, também. Os intimidações e os números fazem isso também. Você tem acesso a propriedades. Seu equivalente objeto expõe outro termo para isso. Existe um rapper de objetos? Vamos manter o foco nas cordas. Nesta lição, já vimos em nosso primeiro exemplo que strings podem ser tratadas como objetos. Nós construímos objetos anteriormente usando a notação literal do objeto. Fazemos isso usando, abrindo e fechando chaves. Por exemplo, se quisermos construir um carro, podemos nomear uma variável chamada Khar e atribuir-lhe o valor de abrir e fechar chaves . Mas essa não é a única maneira de fazer um objeto. Lembra-se do construtor da função de objeto? No caso de fazer um objeto string, podemos fazer isso. Na verdade, este é um construtor de função de objeto. É sobre Lee Propósito é criar objetos. Se fôssemos ao nosso cônsul e olhássemos para as duas cordas que criámos, seríamos bem-vindos e temos super-heróis. Um é uma cadeia primitiva que criamos, e o outro é um objeto string que criamos. Mas nossa variável de super-herói é muito mais complexa. Vamos olhar visualmente, o que está acontecendo com o super-herói? Temos super-herói apontando para a string Superman, mas também descobrimos que apontamos para o protótipo do objeto string que existe. O objeto string tem todo um conjunto de propriedades e métodos que ele pode acessar. Vimos anteriormente que ele pode acessar o método para maiúsculas e minúsculas, e o objeto string é capaz de acessar as propriedades que seu próprio protótipo, o protótipo de objeto possui. O protótipo de objeto não tem um protótipo que aponte para. Talvez isso o ajude a ver por que JavaScript é referido como uma linguagem orientada a objetos. Tudo bem se ainda estiver um pouco nebuloso para você. Por enquanto, saiba que a forma de objeto de qualquer primitivo carrega consigo muita funcionalidade. Então, por que saber isso importa? E o que isso tem a ver com uma string que criamos como uma primitiva sabendo que strings têm um tipo de objeto ou rapper? É útil saber, porque tira o mistério de como você pode anexar um método ao que parece ser um primitivo. Então agora vamos voltar a olhar para como uma string, que é uma primitiva, pode acessar propriedades e métodos nela. Vamos dar o nosso bem-vindo variável original que contém uma cadeia primitiva de Bom para vê-lo . Podemos acessar o comprimento desta string usando a propriedade length, mesmo que tenha sido criado como uma string primitiva e não um objeto string. Ao avaliar o comprimento do ponto de boas-vindas, JavaScript irá converter sua string primitiva em um objeto por um momento no tempo, sua string primitiva se tornará um objeto para descobrir qual o comprimento da sua string realmente é. Isto é apenas temporário. Você recebe a avaliação para comprimento, um número e a variável de boas-vindas ainda como uma cadeia primitiva. No entanto, se você criar um objeto string, como no caso de super-herói, ele permanecerá permanentemente como um objeto. Os primitivos podem se mover de objetos primitivos do dedo do pé e, em seguida, voltar para primitivos. Objetos. Não é possível fazer essa dança Para verificar se são bem-vindos, Variable voltou para uma string depois de se tornar temporariamente um dedo do pé do objeto, acessar a propriedade length. Podemos usar o tipo de operador e bem-vindo, e o resultado que obtemos é força. Podemos então usar o tipo de operador no comprimento de ponto de boas-vindas, que retorna um número Então, naquele momento, a primitiva bem-vinda tornou-se um objeto que podemos anexar a propriedade de comprimento de ponto também. Mas quando olhamos para as nossas boas-vindas novamente, estamos de volta à cadeia Primitiva. Se percorrermos o mesmo processo com o nosso super-herói, veremos que ele começa como um objeto e permanece um objeto. Como resultado desta lição, você deve agora saber por que e como os primitivos se comportam como objetos quando precisam. É muito incomum usar o construtor de função de objeto para fazer uma string. Por quê? Porque você não precisa. Para economizar espaço, o mecanismo JavaScript converterá sua string em um dedo do pé do objeto, acessará suas propriedades e métodos quando necessário, em seguida, retornará esse objeto de volta para um primitivo. Isso economizará o consumo de memória. Os objetos são maiores que os primitivos. Então, quando podemos simplesmente converter para um objeto quando precisamos de Teoh, mantemos pouca memória. Então, quando você deve usar um construtor de função de objeto para criar um objeto string? Não frequentemente, porque javascript está mais do que feliz em fazer esse trabalho para você. Obrigado por se juntar a mim nesta lição de olhar para o mundo secreto de primitivasjavascript primitivas