Como todos sabemos, JavaScript es un lenguaje de programación muy popular. Los desarrolladores pueden usarlo no solo para desarrollar programas web deslumbrantes, sino también para desarrollar algunas aplicaciones móviles (como PhoneGAP o Appelerator). También tiene algunas implementaciones del servidor, como NodeJs, Wakanda y otras implementaciones. Además, muchos desarrolladores eligen JavaScript como el lenguaje introductorio y lo usan para hacer cosas pequeñas como ventanas emergentes.
En este artículo, el autor compartirá con usted los pequeños consejos, las mejores prácticas y otro contenido muy práctico del desarrollo de JavaScript. Ya sea que sea un desarrollador frontal o un desarrollador de servidores, debe echar un vistazo a estos pequeños consejos, definitivamente lo beneficiarán.
Los fragmentos de código proporcionados en el artículo se han probado en la última versión de Chrome 30, que utiliza el motor JavaScript V8 (V8 3.20.17.15).
1. Al asignar un valor a una variable por primera vez, no olvide la palabra clave var
Asigne un valor a una variable no declarada, que se creará automáticamente como una variable global. En el desarrollo de JS, se deben evitar las variables globales.
2. Usar === Reemplazar ==
Y nunca usar = o! =.
La copia del código es la siguiente:
[10] === 10 // es falso
[10] == 10 // es verdad
'10' == 10 // es verdad
'10' === 10 // es falso
[] == 0 // es verdadero
[] === 0 // es falso
'' == falso // es verdadero pero verdadero == "A" es falso
'' === falso // es falso
3. Use un punto y coma como terminador de línea
Es un buen hábito usar semicolones donde la línea termina, e incluso si el desarrollador se olvida de agregar semicolones, el compilador no tendrá ninguna pista porque en la mayoría de los casos, el analizador JavaScript los agregará automáticamente.
4. Crea un constructor
La copia del código es la siguiente:
Function Person (FirstName, LastName) {
this.FirstName = FirstName;
this.lastName = LastName;
}
var saad = nueva persona ("saad", "mousliki");
5. Tenga cuidado de usar typeof, instanciaf y constructor
La copia del código es la siguiente:
var arr = ["a", "b", "c"];
typeOf ARR; // devolver "objeto"
Arr instancia de matriz // Verdadero
arr.Constructor (); // []
6. Crea una función de autocaladeo
Esto a menudo se conoce como una función anónima de autosuficiencia o una expresión de función de llamada inmediata (LLFE). Cuando se crea una función, se ejecutará automáticamente, como la siguiente:
La copia del código es la siguiente:
(función(){
// algún código privado que se ejecutará automáticamente
}) ();
(función (a, b) {
resultado var = a+b;
resultado de retorno;
}) (10,20)
7. Cree un elemento aleatorio para la matriz
La copia del código es la siguiente:
elementos var = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2145, 119];
var randomItem = items [Math.floor (Math.random () * items.length)];
8. Obtenga un número aleatorio en un rango específico
El siguiente código es muy común, cuando necesita generar datos falsos para las pruebas, como obtener un valor aleatorio antes del salario mínimo y el máximo.
La copia del código es la siguiente:
var x = math.floor (math.random () * (max - min + 1)) + min;
9. Genere un conjunto de números aleatorios entre el número 0 y el número máximo
La copia del código es la siguiente:
var numbeArray = [], max = 100;
para (var i = 1; numbersarray.push (i ++) <max;); // números = [0,1,2,3 ... 100]
10. Generar un conjunto aleatorio de caracteres alfanuméricos
La copia del código es la siguiente:
función generadorandomalphanum (len) {
var rdmstring = "";
para (; rdmstring.length <len; rdmstring += math.random (). toString (36) .substr (2));
return rdmstring.substr (0, len);
}
11. Interrumpir la matriz de números
La copia del código es la siguiente:
números var = [5, 458, 120, -215, 228, 400, 122205, -85411];
números = números.sort (function () {return math.random () - 0.5});
/ * Los números de matriz serán iguales, por ejemplo, [120, 5, 228, -215, 400, 458, -85411, 122205] */
12. Función de cadena Tim
La función de recorte puede eliminar caracteres en blanco en cadenas y puede usarse en múltiples idiomas, como Java, C#y PHP.
La copia del código es la siguiente:
String.prototype.trim = function () {return this.replace (/^/s+|/s+$/g, "");};
13.Array anexar
La copia del código es la siguiente:
var array1 = [12, "foo", {nombre "Joe"}, -2458];
var array2 = ["doe", 555, 100];
Array.prototype.push.apply (array1, array2);
/ * Array1 será igual a [12, "foo", {nombre "Joe"}, -2458, "Doe", 555, 100] */
14. Convertir objetos de parámetros en matriz
La copia del código es la siguiente:
var argarray = array.prototype.slice.call (argumentos);
15. Verifique si un parámetro dado es un número
La copia del código es la siguiente:
función isnumber (n) {
return! isnan (parsefloat (n)) && isfinite (n);
}
16. Verifique que un parámetro dado sea una matriz
La copia del código es la siguiente:
función isarray (obj) {
return object.prototype.ToString.call (obj) === '[Array de objetos]';
}
Tenga en cuenta que si se reescribe el método toString (), no obtendrá el resultado esperado.
O puedes escribir esto:
La copia del código es la siguiente:
Array.isArray (obj); // es un nuevo método de matriz
Del mismo modo, si usa múltiples marcos, puede usar instancias de, y si hay demasiado contenido, el resultado también será errores.
La copia del código es la siguiente:
var myFrame = document.createElement ('iframe');
document.body.appendChild (myframe);
var myArray = Window.frames [Window.frames.length-1] .Array;
var arrr = new MyArray (a, b, 10); // [A, B, 10]
// La instancia de no funcionará correctamente, MyArray pierde su constructor
// El constructor no se comparte entre cuadros
instancia de arrray; // FALSO
17. Obtenga valores máximos y mínimos de la matriz de números
La copia del código es la siguiente:
números var = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.apply (matemáticas, números);
var mininnumbers = math.min.apply (matemáticas, números);
18. Blear the Array
La copia del código es la siguiente:
var myArray = [12, 222, 1000];
myArray.length = 0; // MyArray será igual a [].
19. No use Eliminar para eliminar los artículos de la matriz
Los desarrolladores pueden usar Split en lugar de usar Eliminar para eliminar elementos de matriz. En lugar de eliminar elementos indefinidos en la matriz, use Eliminar en su lugar.
La copia del código es la siguiente:
elementos var = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.length; // Regreso 11
eliminar elementos [3]; // devolver verdadero
items.length; // Regreso 11
/ * Los elementos serán iguales a [12, 548, "A", Undefinado × 1, 5478, "Foo", 8852, Undefinado × 1, "Doe", 2154, 119] */
Está bien...
La copia del código es la siguiente:
elementos var = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.length; // Regreso 11
items.splice (3,1);
items.length; // devolver 10
/ * Los elementos serán iguales a [12, 548, "A", 5478, "Foo", 8852, Undefined × 1, "Doe", 2154, 119] */
El método Eliminar debe eliminar una propiedad de objeto.
20. Use el atributo de longitud para acortar la matriz
Como se mencionó anteriormente, los desarrolladores también pueden usar el atributo de longitud para acortar la matriz.
La copia del código es la siguiente:
var myArray = [12, 222, 1000, 124, 98, 10];
myArray.length = 4; // MyArray será igual a [12, 222, 1000, 124].
Si el valor de longitud de la matriz que define es demasiado alto, la longitud de la matriz cambiará y algunos valores indefinidos se llenarán en la matriz. La propiedad de longitud de la matriz no es de solo lectura.
La copia del código es la siguiente:
myArray.length = 10; // La nueva longitud de la matriz es 10
myArray [myArray.length - 1]; // indefinido