Como começar rapidamente com VUE3.0: Entre no aprendizado
Recomendações relacionadas: Tutorial de JavaScript
O que é construtor: É outra maneira de criar objetos em JavaScript.
Compare com a criação de objetos usando métodos literais: os construtores podem criar alguns objetos com as mesmas características.
Exemplo: Crie objetos maçã, banana e laranja por meio do construtor de frutas. Sua característica é que esses objetos são todos criados a partir do mesmo template, e cada objeto possui características próprias.
As características e vantagens de criar objetos usando métodos literais
: simplicidade e flexibilidade.
Desvantagem: Quando é necessário criar um conjunto de objetos com as mesmas características, não é possível especificar através de código quais membros esses objetos devem ter em comum.
A forma de implementar templates em linguagens de programação orientadas a objetos é usar classes para criar templates e implementar diferentes objetos (instâncias de classes) baseados nos templates.
Método 1 para implementar templates em JavaScript: através de uma função de fábrica, que cria um objeto usando o literal "{ }" dentro dele. A desvantagem é que o tipo do objeto não pode ser distinguido.
Caminho 2 para implementar templates em JavaScript: criar objetos através de construtores.
Antes de aprender como personalizar o construtor, vamos primeiro dar uma olhada em como usar o construtor integrado do JavaScript.
: Como personalizar construtores?
Observe que,
ao aprender JavaScript, os iniciantes muitas vezes ficam confusos com alguns termos semelhantes, como função, método, construtor, construtor, construtor, etc.
Na verdade, todos eles podem ser chamados coletivamente de funções, mas têm nomes diferentes em diferentes cenários de uso. Por convenção, as funções definidas em um objeto são chamadas de métodos do objeto.
Quanto ao construtor, algumas pessoas costumam chamá-lo de construtor ou construtor. Só precisamos entender que esses nomes se referem à mesma coisa.
A razão pela qualnão estava disponível antes do ES6: para simplificar a dificuldade.
Motivo da adição: Com o desenvolvimento da tecnologia front-end da Web, algumas pessoas que estavam originalmente envolvidas no desenvolvimento back-end recorreram ao front-end. Para tornar o JavaScript mais próximo da sintaxe de algumas linguagens de back-end para que os desenvolvedores possam se adaptar mais rapidamente.
A função da palavra-chave class: usada para definir uma classe.
Características: O método construtor construtor pode ser definido na classe.
Observe que
a sintaxe da classe é essencialmente um açúcar sintático e foi projetada apenas para facilitar o uso do usuário. O mesmo efeito pode ser alcançado sem usar essa sintaxe, como o construtor aprendido anteriormente. Caso o navegador do usuário não suporte esta sintaxe, este método não é recomendado.
Conceito de: No construtor, as variáveis definidas usando a palavra-chave var são chamadas de membros privados.
Características: Após o objeto de instância, ele não pode ser acessado através de "object.member", mas membros privados podem ser acessados no método membro do objeto.
Recursos: O nome do membro privado reflete o encapsulamento orientado a objetos.
Isso ocorre porque esses objetos são, na verdade, instâncias do construtor String, ou seja, objetos String.
Observe
que ao operar em uma string, o resultado do processamento é retornado diretamente através do valor de retorno do método e não altera o conteúdo da string armazenado no próprio objeto String. Nos parâmetros desses métodos, a posição é um valor de índice, começando em 0, o valor de índice do primeiro caractere é 0 e o valor de índice do último caractere é o comprimento da string menos 1.
Veja o exemplo de limitar o comprimento dos nomes de usuário de 3 a 10 e não permitir que a palavra sensível admin seja usada para demonstração.
O objeto numérico é usado para processar inteiros, números de ponto flutuante e outros valores numéricos. Propriedades e métodos comumente usados são os seguintes.
É um membro estático de Number e é acessado diretamente por meio do construtor Number, não de uma instância de Number.
O objeto Math é usado para realizar operações matemáticas em valores numéricos. Ao contrário de outros objetos, este objeto não é um construtor e não precisa ser instanciado para ser usado.
Tome Math.random() para obter números aleatórios dentro de um intervalo especificado como exemplo.
A fórmula é Math.random() * (n - m) + m, o que significa gerar um valor aleatório maior ou igual a m e menor que n
O objeto Date é usado para lidar com datas e horas.
Exemplo 1: Obtenha a hora e a data com base no objeto Date.
Exemplo 2: Especifique uma data com base em um objeto Date.
Exemplo 3: Lide com a situação em que a data definida não é razoável. Por exemplo, definir o mês como -1 significa dezembro do ano passado e definir o mês 12 significa janeiro do próximo ano.
Ideia de implementação de código:
Implementação de código
<html>
<head><title>Calendário deste mês</title>
</head>
<corpo>
<p align=center><b>Calendário deste mês</b></p>
<roteiro>
var este ano, este mês, hoje=nova data();;
este ano=hoje.getFullYear()
este mês=hoje.getMonth();
var imês,idia da semana,iday,dia seguinte;
document.write("<tabela alinhar=centro borda=1><tr alinhar=centro bgcolor=#fff00>")
document.write("<td>Domingo</td><td>Segunda</td><td>Terça</td><td>Quarta</td><td>Quinta</td><td> Sexta< /td><td>Sábado</td>")
documento.write("</tr><tr>")
dia seguinte=1;
var estadata = nova data (este ano, este mês, dia seguinte)
for (iday=0;iday<=6;iday++){
if (thisdate.getDay() > dia) {
document.write("<td>");
documento.write("</td>")
}
outro {
if (thisdate.getMonth()== hoje.getMonth()&&thisdate.getDate()== hoje.getDate() &&thisdate.getFullYear()== hoje.getFullYear() ){
document.write("<td><font color=red><b>")
documento.write(dia seguinte)
document.write("</font></b></td>")
}
outro {
document.write("<td><b>");
document.write(dia seguinte);
document.write("</b></td>");
}
dia seguinte=dia seguinte+1;
estadata.setDate(dia seguinte);
}
}
document.write("</tr>");
documento.write("<tr>")
dia da semana = 1
while(thisdate.getMonth() == este mês){
if (thisdate.getMonth()== hoje.getMonth()&&thisdate.getDate()== hoje.getDate() &&thisdate.getFullYear()== hoje.getFullYear() ){
document.write("<td><font color=red><b>")
documento.write(dia seguinte)
document.write("</b></font></td>")
}
outro{
documento.write("<td><b>")
documento.write(dia seguinte)
documento.write("</b></td>")
}
dia seguinte=dia seguinte+1;
dia da semana = dia da semana + 1;
if (iweekday>7 ){
dia da semana=1;
document.write("</tr>");
}
estadata.setDate(dia seguinte);
}
</script>
</body>
</html> Recomendações relacionadas: Tutorial de aprendizagem de JavaScript
O conteúdo acima é o conteúdo detalhado para ajudá-lo a obter objetos JavaScript. Para obter mais informações, preste atenção a outros artigos relacionados no site PHP chinês!
