Transcrições
1. Boas-vindas: Bem-vindo a este curso,
javascript, os fundamentos. Javascript é uma das
linguagens de programação mais procuradas atualmente, e é uma ótima linguagem para começar sua jornada de
programação. Uma das dificuldades
ao aprender a
codificar é encontrar os melhores
recursos para iniciantes. Este curso
apresentará todos os tópicos principais como os tipos de dados primitivos
e, em seguida, objetos e matrizes. Este
curso curto e conciso lhe dará uma base sólida de
todos os conceitos básicos e fornecerá
informações suficientes por meio exemplos para que você possa
sair e praticar sozinho. Sou Emma e trabalho como programador há sete anos. Na maioria das vezes,
venho usando JavaScript e
adorei a linguagem. Também ajudei pessoas
suficientes ao longo do caminho para saber quais tópicos
os iniciantes devem saber. Espero que você tenha aprendido a amar
o JavaScript tanto quanto eu e que você
goste do curso.
2. Introducão a objetos: Oi, bem vindo de volta. Então, na próxima
estrutura de dados, examinaremos os objetos. Os objetos também são
uma estrutura de dados em JavaScript, como matrizes. Mas a diferença é que os objetos são úteis quando
queremos armazenar dados que não
estão ordenados ou onde
a preservação da ordem não
importa. Então, por exemplo se você quisesse armazenar
detalhes sobre o cão, embora pudéssemos
usar uma matriz, usar um objeto seria mais ideal porque estamos
mais interessados nos detalhes sobre o cão do que em preservá-lo qualquer
ordem dos detalhes. Os objetos também nos permitem estender o objeto para incluir dados
sobre outro objeto. Um objeto canino pode armazenar
dados sobre vários cães. Um objeto é um contêiner para
conjuntos de pares de valores-chave. Então, voltando
ao exemplo do cachorro, se eu quisesse armazenar detalhes
sobre um cachorro chamado Ted, no objeto, talvez
eu queira armazenar o nome, a idade e a raça do
cachorro. E chamaríamos
essas propriedades. Então, para o nome, propriedade, nome seria a chave e o valor
seria a string ted. Há duas
maneiras pelas quais podemos acessar propriedades de
objetos individuais. Em primeiro lugar, temos a notação de pontos. Se você souber o nome
da chave da propriedade para o valor que
deseja acessar. A chave não contém
nenhum caractere especial. Então, por exemplo, ele não foi criado usando um valor numérico ou
não tem um espaço nele, então você pode usar a notação de pontos para acessar o valor da chave. Para fazer isso, escrevemos
o nome do objeto, seguido por um ponto, seguido
pelo nome da propriedade. Se tentarmos acessar uma propriedade que não existe dentro do objeto, uma indefinida
será retornada. Então, voltando ao nosso objeto de cachorro, vamos tentar acessar
o nome do cachorro. Então, vamos dizer o nome do cachorro. Aí está o Fred. Se tentássemos procurar uma
chave que não existe. Então, digamos que pernas de cachorro. Você pode ver que ficamos indefinidos. Se você criar um
novo objeto aqui
no console que
usa um número para K, vamos chamar esse
objeto de teste. E vamos definir uma chave, uma com o valor de dois. Agora, se tentarmos acessar
isso usando a notação de pontos, dizemos objeto de teste ponto um. Você pode ver que recebemos um erro. Mas e se precisássemos
acessar essa propriedade? Podemos usar a segunda abordagem para acessar a propriedade, que é chamada de notação de
colchetes. Isso é muito semelhante à forma como você acessa um elemento em uma string. Exceto que em vez de passar
o índice da propriedade, você passa a chave
da propriedade. Então, vamos tentar isso novamente. Vamos dizer objeto de teste, colchetes com a chave da propriedade que é um. E pressione Enter. E
aí chegamos. Se precisarmos acessar uma propriedade em que a chave é uma string
, devemos passar uma string
para os colchetes. Então, se quisermos acessar o nome do cachorro usando
essa abordagem, o que não podemos fazer são colchetes do
cachorro
e apenas dizer o nome. Você pode ver que ficamos indefinidos, mas podemos fazer isso. Então, podemos dizer
colchetes de cachorro com um nome de string.
Aí está o Fred.
3. Como adicionar e atualizar propriedades de objetos: Para adicionar uma propriedade a um objeto, você pode usar a
notação de pontos ou de colchetes e, em seguida,
o operador de
atribuição , o valor de retorno,
será
o valor da propriedade que você
adiciona ao objeto. Então, vamos voltar ao nosso objeto de
cachorro e usaremos notação de
pontos para adicionar uma nova
propriedade para a cor dos cães. Então, vamos dizer cor escura para cães, e vamos definir
isso como marrom. Agora vamos relembrar o objeto do cachorro. E você pode ver que a
propriedade de cor foi adicionada. Vamos fazer outro exemplo, mas desta vez
usaremos a notação de colchetes e adicionaremos uma propriedade
para o tamanho dos cães. Então, vamos dizer
colchetes para cães. E adicionaremos o tamanho da corda. Vamos definir isso como pequeno. Agora vamos relembrar o objeto do
cachorro novamente. Você pode ver que a
propriedade de tamanho foi adicionada. Para excluir uma propriedade
de um objeto, podemos usar o
operador delete seguido pelo nome
do objeto e pelo nome da propriedade
que desejamos excluir. Podemos usar a notação de adoção
ou de colchetes. E o valor de retorno sempre
será verdadeiro a
menos que a propriedade seja um valor
que não possa ser excluído. Agora, vamos excluir a
propriedade de cor que acabamos de adicionar. Faremos isso usando a notação de
pontos. Então, vamos dizer que exclua a cor escura do
cachorro. Agora vamos relembrar o objeto do cachorro. E você pode ver que a
propriedade da cor foi excluída.
4. Como criar objetos: Assim como acontece com as matrizes, os objetos
são tipos de referência. Portanto, as mesmas regras se aplicam quando
se trata de usar letras const. Podemos alterar o objeto se
ele tiver sido criado com const, mas não podemos reatribuí-lo
a um objeto
totalmente diferente depois de criado. Então, vamos agora
criar um objeto, e faremos isso
usando a sintaxe para criar um objeto literal. Começaremos criando
um objeto vazio, que chamaremos de objeto vazio. Usamos dois colchetes
para criar o objeto. E adicionaremos um registro
do console e poderemos ver o objeto no console. Vamos salvar isso e
ir para o console. E pressionaremos refresh. E aí podemos ver
nosso objeto vazio. isso não vai
fazer muita coisa. Então, vamos criar um novo objeto
com algumas propriedades. Voltaremos ao
editor de texto e excluiremos nosso código. Agora vamos criar um
objeto de cachorro que discutimos anteriormente. Então, vamos chamar isso de um cachorro. Agora, queremos armazenar dados sobre idade, nome e raça do cão. Então, começar com a idade
usará a palavra idade como a chave. Precisamos adicionar dois pontos. E digamos que nosso cachorro
tenha cinco anos. Vamos dizer que cinco é o valor. Agora é que queremos adicionar
outra propriedade. Precisamos adicionar uma vírgula. Ok, então vamos
passar para o nome do cachorro. Digamos que nosso cachorro
se chame Fred. Então, agora definimos o nome como a chave. E definiremos que a string
thread é o valor. Por fim, queremos definir a propriedade
da raça. Nós definimos a raça chave. E Fred é um labrador. Então, vamos definir Labrador
como o valor. Adicionará um registro do console para que
possamos ver o objeto
no console. E então vamos salvar isso
e voltar para o console. Vamos pressionar Atualizar. E agora podemos ver
nosso objeto canino. Então, se clicarmos aqui, podemos
ver todos os nossos pares de valores-chave. Você pode ver quando o
objeto foi salvo, a ordem das propriedades foi alterada e agora elas estão
em ordem alfabética. Isso ocorre porque ordenar não
importa para objetos. E se isso importasse para nós, deveríamos usar uma matriz. Uma nota lateral sobre chaves de objeto. Essas chaves são convertidas em cadeias de caracteres quando o
objeto é salvo. Assim, você pode usar um
número para uma chave, mas ele será
salvo como uma string. A única exceção aqui
é se você usar um símbolo, e isso está fora do
escopo deste curso.
5. Como introduzir funções: Quando estamos escrevendo programas, chegaremos a um
ponto em que queremos ter algum código reutilizável para
realizar uma tarefa. Isso pode ser feito
usando uma função. As funções são um tópico
enorme e
merecerão um curso
só para si mesmas. Mas vamos encerrar
este curso com uma introdução ao
que é uma função. Uma função é um
bloco de código que faz alguma coisa e depois
retorna algum valor. É como ter
algumas
funcionalidades agrupadas que podemos
usar em vários lugares. Então, por exemplo, se
soubéssemos que queríamos adicionar dois valores, podemos ter uma
função simples que faz isso e, em seguida, retorna o total. Então, toda vez que queríamos
fazer esse cálculo com um legal, a função era fazer
o cálculo para nós. Quando criamos uma função, nós a definimos primeiro. E com isso queremos
dizer que nós o criamos. exemplo, quando você faz uma refeição, Por exemplo, quando você faz uma refeição,
você a emparelha e a cozinha
antes que ela seja salva e consumida. Posteriormente, você chama ou
executa a função. Então, isso é um pouco como
dizer a parte de servir e consumir
da refeição. Analisamos métodos
neste curso, como o método toUpperCase
ou o método trim em cadeias de caracteres. Na verdade, esses são
exemplos de funções. A única razão pela qual eles são chamados de
métodos é o que chamamos de funções quando elas
são armazenadas dentro de um objeto. Mas elas ainda são funções. Mas ainda não concluímos a criação ou definição de uma função. Temos algumas maneiras de
criar funções em JavaScript. Mas veremos a
abordagem que é chamada de declaração de função e ela usa a palavra-chave
function. Então, vamos começar criando uma função chamada função
básica, que imprimirá apenas
uma saída do console. Então, usamos a palavra-chave function. Nós adicionamos o nome da função. Então, função básica. Temos um conjunto de parênteses
e alguns colchetes. Dentro dos colchetes encaracolados, adicionaremos apenas um registro do console, qual diremos apenas olá. Uma vez que isso é salvo, é definido em armazenado na memória, mas nada acontecerá
a menos que usemos essa função. Para usar a função,
precisamos executá-la. E fazemos isso usando o nome da função
seguido por parênteses, assim como fizemos com
os exemplos de métodos anteriores neste curso. Então, vamos dizer função básica. E adicionaremos os parênteses. Vamos salvar isso e voltar para o console e
pressionar refresh. Agora você pode ver a
função sendo executada e imprimir
nosso log hello do console. Funções. Vamos passar para eles algumas entradas que podemos
usar dentro da função. Chame esses argumentos. Se quiséssemos escrever uma função
que adicionasse dois números, os números que queríamos
adicionar seriam passados para a função
quando a chamássemos. Esses são o que
chamamos de argumentos. Já usamos argumentos antes quando passamos um valor
para um método. Assim como quando criamos uma citação
final A função, também
há duas
etapas a serem seguidas quando você quiser usar argumentos. A primeira etapa é na criação
da função. Então, esta seção aqui. Aqui, adicionamos o nome
da
variável dentro dos parênteses para as
entradas da função. Então, para nosso exemplo,
usaremos num um e num dois. Vamos adicioná-los. Agora. Esses parâmetros
manterão o valor de tudo o que for passado quando
a função for chamada. Então, vamos querer
somar número um e número dois. Então, vamos excluir o registro do console. E diremos núm
um mais núm dois. Agora, para a segunda etapa, quando
chamamos a função, queremos adicionar os valores
específicos que queremos usar
dentro da função, dentro dos parênteses,
esses parênteses aqui. Então, digamos que queremos
usar cinco para num, 1.1 para número dois
adicionará um log do console. Assim, podemos ver o
valor retornado. Vamos salvar isso. E voltaremos ao console
e pressionaremos refresh. Isso não funciona. O motivo é que não estamos retornando nada
da função. A menos que você use a
palavra-chave return e uma função, ela nunca retornará nenhum
valor além de indefinido. Então, vamos voltar ao código. E adicionaremos a palavra-chave
return aqui. Vamos salvar isso e
voltaremos
ao console e
pressionaremos Atualizar. E então obtemos nossos dois
valores somados pela função e o
novo total é retornado.
Emma Williams
