Comme nous le savons tous, JavaScript est un langage de programmation très populaire. Les développeurs peuvent l'utiliser non seulement pour développer des programmes Web éblouissants, mais également développer certaines applications mobiles (telles que PhoneGap ou Appcelerator). Il dispose également de certaines implémentations de serveur, telles que NodeJS, Wakanda et d'autres implémentations. De plus, de nombreux développeurs choisissent JavaScript comme langage d'introduction et l'utilisent pour faire de petites choses telles que des popups.
Dans cet article, l'auteur partagera avec vous les petits conseils, les meilleures pratiques et autres contenus très pratiques du développement JavaScript. Que vous soyez un développeur frontal ou un développeur de serveurs, vous devriez jeter un œil à ces petits conseils, ils vous seront certainement bénéfiques.
Les extraits de code fournis dans l'article ont été testés dans la dernière version de Chrome 30, qui utilise le moteur JavaScript V8 (V8 3.20.17.15).
1. Lorsque vous attribuez une valeur à une variable pour la première fois, n'oubliez pas le mot-clé var
Attribuez une valeur à une variable non déclarée, qui sera automatiquement créée en tant que variable globale. Dans le développement JS, les variables globales doivent être évitées.
2. Utiliser === remplacer ==
Et n'utilisez jamais = ou! =.
La copie de code est la suivante:
[10] === 10 // est faux
[10] == 10 // est vrai
'10' == 10 // est vrai
'10' === 10 // est faux
[] == 0 // est vrai
[] === 0 // est faux
'' == faux // est vrai mais vrai == "A" est faux
'' === faux // est faux
3. Utilisez un point-virgule comme terminateur de ligne
C'est une bonne habitude d'utiliser des demi-colons où la ligne se termine, et même si le développeur oublie d'ajouter des demi-colons, le compilateur n'aura aucun indice car dans la plupart des cas, l'analyseur JavaScript les ajoutera automatiquement.
4. Créer un constructeur
La copie de code est la suivante:
Personne de fonction (FirstName, LastName) {
this.firstName = FirstName;
this.lastName = lastName;
}
var saad = nouvelle personne ("saad", "Mousliki");
5. Veillez à utiliser le type de type, l'instance et le constructeur
La copie de code est la suivante:
var arr = ["a", "b", "c"];
typeof arr; // retourne "objet"
Arrstance de l'arrêt de l'arrêt // true
arr.constructor (); // []
6. Créer une fonction d'auto-puissance
Ceci est souvent appelé une fonction anonyme du clapet ou une expression de fonction d'appel immédiate (LLFE). Lorsqu'une fonction est créée, elle sera exécutée automatiquement, comme les suivantes:
La copie de code est la suivante:
(fonction(){
// un code privé qui sera exécuté automatiquement
}) ();
(fonction (a, b) {
Var Result = A + B;
Résultat de retour;
}) (10,20)
7. Créez un élément aléatoire pour le tableau
La copie de code est la suivante:
var items = [12, 548, «a», 2, 5478, «foo», 8852 ,, «Doe», 2145, 119];
var randritem = items [math.floor (math.random () * items.length)];
8. Obtenez un nombre aléatoire dans une plage spécifique
Le code suivant est très courant lorsque vous devez générer une fausse données pour les tests, comme l'obtention d'une valeur aléatoire avant le salaire minimum et le maximum.
La copie de code est la suivante:
var x = math.floor (math.random () * (max - min + 1)) + min;
9. générer un ensemble de nombres aléatoires entre le nombre 0 et le nombre maximum
La copie de code est la suivante:
var nombresArray = [], max = 100;
pour (var i = 1; nombresRray.push (i ++) <max;); // nombres = [0,1,2,3 ... 100]
10. Générer un ensemble aléatoire de caractères alphanumériques
La copie de code est la suivante:
Fonction GénéraTandomalphanum (Len) {
var rdmstring = "";
pour (; rdmstring.length <len; rdmstring + = math.random (). toString (36) .substr (2));
return rdmstring.substr (0, len);
}
11. Perturber le tableau des nombres
La copie de code est la suivante:
nombres VAR = [5, 458, 120, -215, 228, 400, 122205, -85411];
nombres = nombres.sort (function () {return math.random () - 0,5});
/ * Les numéros de tableau seront égaux par exemple à [120, 5, 228, -215, 400, 458, -85411, 122205] * /
12. Fonction Tim String
La fonction de garniture peut supprimer les caractères de l'espace dans les chaînes et peut être utilisé dans plusieurs langues telles que Java, C # et PHP.
La copie de code est la suivante:
String.prototype.trim = function () {return this.replace (/ ^ / s + | / s + $ / g, "");};
13.
La copie de code est la suivante:
var array1 = [12, "foo", {name "Joe"}, -2458];
var array2 = ["Doe", 555, 100];
Array.prototype.push.apply (array1, array2);
/ * Array1 sera égal à [12, "foo", {name "Joe"}, -2458, "Doe", 555, 100] * /
14. Convertir les objets des paramètres en tableau
La copie de code est la suivante:
var argarray = array.prototype.slice.call (arguments);
15. Vérifiez si un paramètre donné est un nombre
La copie de code est la suivante:
fonction isNumber (n) {
return! Isnan (parsefloat (n)) && isfinite (n);
}
16. Vérifiez qu'un paramètre donné est un tableau
La copie de code est la suivante:
fonction isArray (obj) {
return object.prototype.tostring.call (obj) === '[Array d'objets]';
}
Notez que si la méthode toString () est réécrite, vous n'obtiendrez pas le résultat attendu.
Ou vous pouvez écrire ceci:
La copie de code est la suivante:
Array.isArray (OBJ); // c'est une nouvelle méthode de tableau
De même, si vous utilisez plusieurs images, vous pouvez utiliser des instances de la base, et s'il y a trop de contenu, le résultat sera également des erreurs.
La copie de code est la suivante:
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]
// l'instance de ne fonctionnera pas correctement, MyArray perd son constructeur
// Le constructeur n'est pas partagé entre les cadres
Arrance de l'arrêt de la table; // FAUX
17. Obtenez des valeurs maximales et minimales de la table de nombres
La copie de code est la suivante:
nombres VAR = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.apply (mathématiques, nombres);
var mininnumbers = math.min.apply (mathématiques, nombres);
18. Effacer le tableau
La copie de code est la suivante:
var myArray = [12, 222, 1000];
MyArray.length = 0; // MyArray sera égal à [].
19. N'utilisez pas de suppression pour supprimer les éléments de la table
Les développeurs peuvent utiliser Split au lieu d'utiliser Delete pour supprimer les éléments du tableau. Au lieu de supprimer des éléments non définis dans le tableau, utilisez la suppression à la place.
La copie de code est la suivante:
var items = [12, 548, «a», 2, 5478, «foo», 8852 ,, «Doe», 2154, 119];
items.length; // Retour 11
supprimer les éléments [3]; // retourne vrai
items.length; // Retour 11
/ * Les éléments seront égaux à [12, 548, "A", undefined × 1, 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] * /
C'est bon...
La copie de code est la suivante:
var items = [12, 548, «a», 2, 5478, «foo», 8852 ,, «Doe», 2154, 119];
items.length; // Retour 11
Articles.splice (3,1);
items.length; // Retour 10
/ * Les éléments seront égaux à [12, 548, "a", 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] * /
La méthode de suppression doit supprimer une propriété d'objet.
20. Utilisez l'attribut de longueur pour raccourcir le tableau
Comme mentionné ci-dessus, les développeurs peuvent également utiliser l'attribut de longueur pour raccourcir le tableau.
La copie de code est la suivante:
var myArray = [12, 222, 1000, 124, 98, 10];
MyArray.Length = 4; // MyArray sera égal à [12, 222, 1000, 124].
Si la valeur de longueur du tableau que vous définissez est trop élevée, la longueur du tableau changera et certaines valeurs non définies seront remplies dans le tableau. La propriété de longueur du tableau n'est pas en lecture seule.
La copie de code est la suivante:
MyArray.Length = 10; // La nouvelle durée du tableau est de 10
MyArray [MyArray.length - 1]; // indéfini