Uma função JavaScript é um bloco de código projetado para executar uma tarefa específica. A função é executada quando "algo" a invoca (chama).
Uma função JavaScript é definida com a palavra-chave function, seguida por um nome, seguido por parênteses ().
Os parâmetros da função são listados entre parênteses () na definição da função. Argumentos de função são os valores recebidos pela função quando ela é invocada. Dentro da função, os argumentos (os parâmetros) se comportam como variáveis locais.
Quando o JavaScript atinge uma instrução de retorno, a função irá parar de ser executada. Se a função foi invocada a partir de uma instrução, o JavaScript “retornará” para executar o código após a instrução invocada. As funções geralmente calculam um valor de retorno. O valor de retorno é "retornado" ao "chamador".
O operador () invoca (chama) a função. Acessar uma função sem () retorna a função e não o resultado da função.
Um objeto literal é uma lista de pares nome:valor entre chaves {}.
Você pode acessar as propriedades do objeto de duas maneiras -
objectName.propertyName, objectName["propertyName"]
Objetos são contêineres para propriedades e métodos. As propriedades são valores nomeados. Métodos são funções armazenadas como Propriedades. Propriedades podem ser valores primitivos, funções ou até mesmo outros objetos. Objetos são objetos, Matemática são objetos, Funções são objetos, Datas são objetos, Matrizes são objetos, Mapas são objetos, Conjuntos são objetos. Todos os valores JavaScript, exceto primitivos, são objetos.
Um valor primitivo é um valor que não tem nenhuma propriedade ou método. 3.14 é um valor primitivo. Um tipo de dados primitivo são dados que possuem um valor primitivo. JavaScript define 7 tipos de tipos de dados primitivos -
A) sequência
B) número
C) booleano
D) nulo
E) indefinido
F) símbolo
G) bigint
Valores primitivos são imutáveis (eles são codificados e não podem ser alterados).
Objetos são mutáveis. Eles são abordados por referência, não por valor.
Um objeto é uma coleção não ordenada de propriedades. Propriedades são a parte mais importante dos objetos JavaScript. As propriedades podem ser alteradas, adicionadas, excluídas e algumas são somente leitura.
A palavra-chave delete exclui uma propriedade de um objeto. A palavra-chave delete exclui o valor da propriedade e a própria propriedade.
Acessando Objeto Método- objectName.methodName()
Adicionando um novo método a um objeto -
pessoa.nome = função () {
retorne este.primeiroNome " " este.sobrenome;
};
toUpperCase() para converter um texto em maiúsculas.
Algumas soluções para exibir objetos JavaScript são -
Exibindo as propriedades do objeto por nome, Exibindo o objeto
Propriedades em um loop, exibindo o objeto usando Object.values(),
Exibindo o objeto usando JSON.stringify()
Objeto For In Loop -
pessoa const = {
nome: "João",
idade: 30,
cidade: "Nova York"
};
deixe texto = "";
para (deixe x pessoalmente) {
texto = pessoa[x] " ";
};
document.getElementById("demo").innerHTML = text;
Você deve usar person[x] no loop. person.x não funcionará (porque
x é a variável do loop).
Object.values() cria um array a partir dos valores das propriedades.
Exemplo - Object.values(pessoa)
Object.entries() simplifica o uso de objetos em loops.
Objetos JavaScript podem ser convertidos em uma string com o método JSON
JSON.stringify().
Para criar um tipo de objeto, usamos uma função construtora de objeto.
function Pessoa(primeiro, último, idade, olho) {
this.firstName = primeiro;
this.lastName = último;
esta.idade = idade;
this.eyeColor = olho;
}
const meuPai = new Pessoa("John", "Doe", 50, "azul");
const minhaMãe = new Pessoa("Sally", "Rally", 48, "verde");
minhaMãe.changeName = função (nome) {
este.últimoNome = nome;
}
minhaMãe.changeName("Doe");
document.getElementById("demonstração").innerHTML =
"O sobrenome da minha mãe é" myMother.lastName;
Este é um exemplo!
HTML eventos são "coisas" que acontecem com elementos HTML. Quando
JavaScript é usado em páginas HTML, JavaScript pode "reagir" a estas
eventos. Aqui estão alguns exemplos de eventos HTML -
Uma página da web HTML terminou de carregar. Um campo de entrada HTML era
alterado, um botão HTML foi clicado. Eventos HTML comuns -
onchange - Um elemento HTML foi alterado
onclick - O usuário clica em um elemento HTML
onmouseover - O usuário move o mouse sobre um elemento HTML
onmouseout - O usuário afasta o mouse de um elemento HTML
onkeydown - O usuário pressiona uma tecla do teclado
onload - O navegador terminou de carregar a página
Cordas
Strings servem para armazenar texto. Strings são escritas com
citações.
Template Strings foram introduzidos com ES6 (JavaScript
2016). Os modelos são strings entre crases (este é um
sequência de modelo). Os modelos permitem aspas simples e duplas dentro de um
corda. Os modelos não são suportados no Internet Explorer.
Para encontrar o comprimento de uma string, use o comprimento integrado
propriedade.
O caractere de escape barra invertida () transforma caracteres especiais
em caracteres de string. let text = "Somos os chamados \"Vikings\" do norte."; deixe text= 'Está tudo bem.';
JavaScript Strings como objetos - deixe y = new String("John");
Não crie objetos Strings. A nova palavra-chave complica o código e diminui a velocidade de execução. Objetos string podem produzir resultados inesperados
Comparar dois objetos JavaScript sempre retorna false.
Métodos básicos de string -
String Métodos de pesquisa -
Strings de modelo usam crases (``) em vez de aspas ("") para definir uma string.
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3