Como todos sabemos, o JavaScript é uma linguagem de programação muito popular. Os desenvolvedores podem usá -lo para não apenas desenvolver programas deslumbrantes da Web, mas também desenvolver alguns aplicativos móveis (como PhoneGap ou Appcelerator). Ele também possui algumas implementações de servidor, como NodeJs, Wakanda e outras implementações. Além disso, muitos desenvolvedores escolhem JavaScript como linguagem introdutória e o usam para fazer pequenas coisas como pop -ups.
Neste artigo, o autor compartilhará com você as pequenas dicas, melhores práticas e outros conteúdos muito práticos do desenvolvimento de JavaScript. Seja você um desenvolvedor de front-end ou um desenvolvedor de servidor, você deve dar uma olhada nessas pequenas dicas, elas definitivamente o beneficiarão.
Os trechos de código fornecidos no artigo foram testados na versão mais recente do Chrome 30, que usa o mecanismo JavaScript V8 (V8 3.20.17.15).
1. Ao atribuir um valor a uma variável pela primeira vez, não se esqueça da palavra -chave VAR
Atribua um valor a uma variável não declarada, que será criada automaticamente como uma variável global. No desenvolvimento de JS, as variáveis globais devem ser evitadas.
2. Use === Substitua ==
E nunca use = ou! =.
A cópia do código é a seguinte:
[10] === 10 // é falso
[10] == 10 // é verdadeiro
'10' == 10 // é verdadeiro
'10' === 10 // é falso
[] == 0 // é verdadeiro
[] === 0 // é falso
'' == false // é verdadeiro, mas verdade == "a" é falso
'' === FALSE // é falso
3. Use um semicolon como um terminador de linha
É um bom hábito usar semicolons onde a linha termina e, mesmo que o desenvolvedor esqueça de adicionar semicolons, o compilador não terá nenhuma dica porque, na maioria dos casos, o analisador JavaScript os adicionará automaticamente.
4. Crie um construtor
A cópia do código é a seguinte:
Função Pessoa (primeiro nome, sounName) {
this.FirstName = FirstName;
this.LastName = LastName;
}
var saad = nova pessoa ("saad", "mousliki");
5. Tenha cuidado para usar o tipo de, instância e construtor
A cópia do código é a seguinte:
var arr = ["a", "b", "c"];
typeof arr; // retorna "objeto"
Arr instância de matriz // true
Arr.Constructor (); // []
6. Crie uma função de auto-calma
Isso é frequentemente referido como uma função anônima auto-calculada ou uma expressão de função de chamada imediata (LLFE). Quando uma função é criada, ela será executada automaticamente, como a seguinte:
A cópia do código é a seguinte:
(função(){
// Algum código privado que será executado automaticamente
}) ();
(função (a, b) {
var resultado = a+b;
resultado de retorno;
}) (10,20)
7. Crie um item aleatório para a matriz
A cópia do código é a seguinte:
var itens = [12, 548, 'A', 2, 5478, 'Foo', 8852, 'Doe', 2145, 119];
var randomItem = itens [math.floor (math.random () * items.length);
8. Obtenha um número aleatório em um intervalo específico
O código a seguir é muito comum, quando você precisa gerar dados falsos para teste, como obter um valor aleatório antes do salário e máximo mínimo.
A cópia do código é a seguinte:
var x = math.floor (math.random () * (max - min + 1)) + min;
9. Gere um conjunto de números aleatórios entre o número 0 e o número máximo
A cópia do código é a seguinte:
var NumberArray = [], max = 100;
for (var i = 1; NumberArray.push (i ++) <max;); // números = [0,1,2,3 ... 100]
10. Gere um conjunto aleatório de caracteres alfanuméricos
A cópia do código é a seguinte:
função generaterandomalphanum (len) {
var rdmString = "";
para (; rdmString.length <len; rdmString += Math.random (). ToString (36) .Substr (2));
retornar rdmstring.substr (0, len);
}
11. interrompe a variedade de números
A cópia do código é a seguinte:
Var números = [5, 458, 120, -215, 228, 400, 122205, -85411];
números = números.sort (function () {return math.random () - 0,5});
/ * Os números da matriz serão iguais, por exemplo, [120, 5, 228, -215, 400, 458, -85411, 122205] */
12. Função TIM de cordas
A função de acabamento pode excluir caracteres de espaço em branco em strings e pode ser usado em vários idiomas, como java, c#e php.
A cópia do código é a seguinte:
String.prototype.trim = function () {return this.replace (/^/s+|/s+$/g, "");};
13.Array Append
A cópia do código é a seguinte:
var Array1 = [12, "Foo", {Nome "Joe"}, -2458];
var Array2 = ["Doe", 555, 100];
Array.prototype.push.apply (Array1, Array2);
/ * Array1 será igual a [12, "Foo", {Name "Joe"}, -2458, "Doe", 555, 100] */
14. Converta objetos de parâmetro para matriz
A cópia do código é a seguinte:
var argarray = array.prototype.slice.call (argumentos);
15. Verifique se um determinado parâmetro é um número
A cópia do código é a seguinte:
função isNumber (n) {
retornar! isnan (parsefloat (n)) && isfinite (n);
}
16. Verifique se um determinado parâmetro é uma matriz
A cópia do código é a seguinte:
função isarray (obj) {
return object.prototype.toString.Call (obj) === '[Array do objeto]';
}
Observe que, se o método tostring () for reescrito, você não receberá o resultado esperado.
Ou você pode escrever isso:
A cópia do código é a seguinte:
Array.esArray (OBJ); // é um novo método de matriz
Da mesma forma, se você usar vários quadros, poderá usar instâncias e, se houver muito conteúdo, o resultado também serão erros.
A cópia do código é a seguinte:
var myFrame = document.createElement ('iframe');
document.body.appendChild (myframe);
var myarray = window.frames [window.frames.length-1] .Array;
var arr = new MyArray (a, b, 10); // [a, b, 10]
// A instância de não funcionará corretamente, Myarray perde seu construtor
// construtor não é compartilhado entre os quadros
Arr instância de matriz; // false
17. Obtenha valores máximos e mínimos da matriz de números
A cópia do código é a seguinte:
VAR números = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.apply (matemática, números);
var mininnumbers = Math.min.Apply (matemática, números);
18. Limpe a matriz
A cópia do código é a seguinte:
var myarray = [12, 222, 1000];
MyArray.Length = 0; // MyArray será igual a [].
19. Não use excluir para excluir itens da matriz
Os desenvolvedores podem usar o Split em vez de usar excluir para excluir itens de matriz. Em vez de excluir itens indefinidos na matriz, use Excluir.
A cópia do código é a seguinte:
var itens = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.Length; // retorna 11
excluir itens [3]; // retorna verdadeiro
items.Length; // retorna 11
/ * Os itens serão iguais a [12, 548, "A", indefinidos × 1, 5478, "Foo", 8852, indefinido × 1, "Doe", 2154, 119] */
Tudo bem...
A cópia do código é a seguinte:
var itens = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.Length; // retorna 11
items.splice (3,1);
items.Length; // retorna 10
/ * Os itens serão iguais a [12, 548, "A", 5478, "Foo", 8852, indefinido × 1, "DOE", 2154, 119] */
O método de exclusão deve excluir uma propriedade de objeto.
20. Use o atributo de comprimento para reduzir a matriz
Como mencionado acima, os desenvolvedores também podem usar o atributo de comprimento para reduzir a matriz.
A cópia do código é a seguinte:
var myarray = [12, 222, 1000, 124, 98, 10];
MyArray.Length = 4; // MyArray será igual a [12, 222, 1000, 124].
Se o valor do comprimento da matriz definido for muito alto, o comprimento da matriz mudará e alguns valores indefinidos serão preenchidos na matriz. A propriedade de comprimento da matriz não é somente leitura.
A cópia do código é a seguinte:
MyArray.Length = 10; // O novo comprimento da matriz é 10
MyArray [MyArray.Length - 1]; // indefinido