Hoje, quando eu estava trabalhando em um projeto, encontrei a situação em que precisava criar um objeto JavaScript. Portanto, bing um artigo escrito por um estrangeiro sobre a criação de objetos JavaScript e depois leia -o e digitou o código. Eu sinto que o método é muito bom, então vou compartilhar com você aqui.
1. Crie objetos usando funções:
A cópia do código é a seguinte:
// Defina o objeto
Função animal (tipo)
{
this.name = "";
this.type = type;
this.Introduction = function () {
retornar "Meu nome é:"+this.name+", eu pertenço a"+this.type;
}
}
Var animal = novo animal ("aves"); // instanciar o objeto que criamos acima
animal.name = "Xiaohong";
alerta (animal.Introdução ()); // Ligue para sua função de introdução (no momento, a página será exibida: meu nome é Xiaohong, eu pertenço a aves);
Todos devem estar familiarizados com esse método. No entanto, o uso desse método pode causar perdas de desempenho. Aqui, instanciamos o objeto através da nova chave. De fato, a chave para o novo é fazer duas coisas. 1. Um método anônimo é definido. 2. Chame. Isso não é tão eficiente quanto o método que apresentaremos a seguir.
2. Use literais de objeto:
Não sei se a tradução está correta. Vou lhe contar o endereço original mais tarde. Se você estiver interessado, pode ler o texto original.
A cópia do código é a seguinte:
// Defina o objeto
var livro =
{
Nome: "Dream of Red Mansions",
Tipo: "Obras literárias",
getAuthor: function ()
{
Retorno: "Eu sou o filho de Cao Xueqin!";
}
}
alerta (book.getauthor ()); // Ligue para o método do objeto, e a página aparecerá: eu sou o filho de Cao Xueqin.
Book.name = "slam dunk"; // modifica as propriedades do objeto
alerta (book.name); // Neste momento, a página será exibida: Slam Dunk
Acredito que, quando você vê o código, deve entender por que esse método é mais eficiente. Porque, é equivalente a definir uma variável global JavaScript. Podemos usá -lo diretamente sem instantá -lo. Mas, parece estranho. Então, a solução está aqui. Vamos dar uma olhada no terceiro método.
3. Singleton usando uma função:
Traduzido no modo singleton pode não ser apropriado. Vejamos o código primeiro:
A cópia do código é a seguinte:
// Defina o objeto
var gênero = nova função ()
{
this.type = "meninas";
this.Paken = function ()
{
retornar "eu sou"+this.type;
}
}
alerta (gênero.spaken ();) // A página aparecerá ao usar o objeto: eu sou uma garota.
Se você olhar para este código, é muito semelhante ao nosso método? No entanto, pode funcionar como o método um. Método 1: use um objeto uma vez e você precisa criar um objeto uma vez. Este método pode ser usado permanentemente criando um objeto uma vez. Portanto, esse método é muito semelhante ao padrão singleton no padrão de design.