1. Tags d'auto-fermeture sans utiliser de script
Utilisez des balises d'auto-fermeture dans le script. Bien qu'il soit légal dans XHTML, il ne respecte pas les spécifications HTML et ne peut pas obtenir l'analyse correcte de certains navigateurs. J'ai utilisé cette méthode juste au moment où j'ai introduit EXT, ce qui a provoqué une exécution correctement le script.
<script src="example.js"/> --> <script src="example.js"></script>
2. Mettez le script devant </body>
Si vous mettez le fichier de script dans <A-Head>, vous devez télécharger et exécuter le script avant d'afficher la page, ce qui augmente le temps d'attente de l'utilisateur. Placez la feuille de style dans <Aad> pour empêcher le contenu de s'afficher anormalement. La méthode générale est la suivante:
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <t titre> Document </ title> <lien rel = "Stylesheet" type = "text / css" href = "theme.css" /> </ head> <body> <! src = "example.js" /> </ body> </html>
3. Utilisez le mode strict dans la fonction
Si vous utilisez le mode strict en dehors de la fonction, cela peut entraîner le travail de la bibliothèque tiers et des collègues. À l'intérieur de la fonction, il ne peut affecter que votre propre code et non le code des autres.
fonction myFunction () {"Utiliser Strict"; // Code de fonction}4. N'omisez pas le point-virgule à la fin de la déclaration
Aucun point-virgule à la fin du code ne peut facilement provoquer des erreurs de compression. De plus, dans certains cas, les performances du code peuvent être améliorées. L'interprète ne devrait pas passer du temps à deviner où insérer des demi-colons. Un autre problème plus courant est que l'insertion automatique des demi-colons peut parfois faire des erreurs, il n'est donc pas recommandé d'omettre les demi-finales.
5. Utilisez VAR pour définir les variables
Utilisez le mot clé VAR lors de la définition des variables et tous sont avancés au début de la fonction.
Les avantages de le faire empêcheront inconsciemment créer des variables globales et faciliter votre code à comprendre.
fonction myFunction () {var result = 10 + value; VAR VALE = 10; Retour Résultat;}Il n'y a aucun problème avec cette syntaxe de fonction, mais elle n'est pas très intuitive et ne se conforme pas à la logique humaine. Il serait préférable de le modifier comme suit:
funciton myFunction () {var result; valeur var; résultat = 10 + valeur; valeur = 10; Résultat de retour; }Permettez-moi de vous expliquer que les deux codes ci-dessus sont équivalents et que la valeur du résultat est NAN. JavaScript fera la promotion de toutes les déclarations de variables dans la fonction au début de la fonction. Le code 1 deviendra le code 2 lorsque le code sera exécuté. Lorsqu'il est exécuté pour résultat = 10 + valeur;, la valeur de la valeur n'est pas définie, et 10 est ajouté à NAN, puis la valeur est attribuée à 10.
Tout le monde doit être clair sur les problèmes causés par les variables mondiales, sinon le concept d'espace de noms n'apparaîtrait pas.
6. Déclarez d'abord la fonction, puis utilisez-la
Comme les déclarations de variables, les déclarations de fonction sont également avancées par le moteur JavaScript, donc dans le code, l'appel de la fonction peut apparaître avant la déclaration de la fonction. Une autre chose à noter est que les déclarations de fonction ne devraient pas apparaître dans les blocs d'instruction, tels que:
if (condition) {function myFunction () {alert ("true"); }} else {fonction myFunction () {alert ("false"); }} myFunction ();Lorsque nous exécutons le code, nous avons constaté que la sortie sera liée au navigateur. Il sortira vrai dans Chrome 51 et Firefox 46, et FAUX dans IE 10. Essayez donc d'éviter de déclarer les fonctions dans les blocs d'instruction.
7. Utiliser le type de Null sous-alimenté avec prudence
NULL est une valeur particulière, avec laquelle nous sommes souvent confondus avec non définis. Les scénarios suivants doivent utiliser NULL:
Null ne doit pas être utilisé dans les situations suivantes:
La meilleure façon de comprendre Null est de l'utiliser comme espace réservé pour l'objet. La raison pour laquelle nous confondons souvent null et indéfini est que nous pensons que Null et non définis sont tous deux des variables qui ne sont pas initialisées, mais uniquement non définie signifie qu'une variable n'a pas été initialisée, et Null signifie qu'il est initialisé en tant qu'objet. Regardez le code suivant:
var personne; console.log (typeof personne); //undefinedConsole.log(ypeof foo); // House undefinedvar = null; console.log (type de maison); //objet
Essayez donc de ne pas utiliser le typeof pour déterminer si la variable est initialisée. Vous ne pouvez pas être sûr si la variable n'existe pas ou si la variable n'est pas initialisée. Retour null n'est pas non plus sûr de savoir si la variable a été attribuée correctement, alors veillez à utiliser le typeof.
8. Soyez prudent avec le type de nombre
Je crois que tout le monde sait que les entiers JavaScript soutiennent les valeurs littérales décimales, octales et hexadécimales. Si la valeur numérique dans la valeur littérale dépasse la plage en octal, le zéro leader sera ignoré et la valeur numérique suivante sera analysée comme décimal.
console.log(012); //10
console.lgo (082); // 82
Si octal et hexadécimal sont utilisés pour les décimales, il y aura une erreur de syntaxe. Un autre point est que les littéraux octaux ne sont pas valides en mode strict. Tout le monde connaît le problème des erreurs de calcul des points flottants. Cela est vrai pour tous les calculs de points flottants basés sur les valeurs IEEE754, donc ne testez jamais une valeur de point flottante spécifique.
Il y a une valeur particulière dans le type numérique, Nan (pas un nombre), qui est utilisé pour indiquer que la valeur aurait dû être renvoyée mais n'est pas le type numérique. Nan et toute valeur ne sont pas égaux, y compris Nan lui-même. Nous pouvons utiliser la fonction isnan () pour tester.
9. Affectation dynamique à l'aide d'opérations logiques
Ce que vous préférez
var personne = {Âge: 10} Condition var; var myvar = condition && personne; alert (myvar)Si l'état est converti en type booléen faux, alors myvar = condition, si vrai, alors myvar = personne.
var personne = {âge: 10} Condition var; var myvar = condition || personne; alerte (myvar)Si l'état est converti en booléen et vrai, alors myvar = condition, si faux, alors myvar = personne.
10. N'utilisez pas la déclaration avec
Une raison importante de ne pas utiliser avec est qu'en mode strict, la syntaxe elle-même désactive la déclaration avec, ce qui montre également que le comité ECMAScript est convaincu que cela ne devrait pas être utilisé. Regardons l'exemple suivant:
var book = {title: "maintenable javascript", auteur: "Nicholas C. Zakas"}; var message = "Le livre est"; avec (livre) {message + = title; Message + = "par" + auteur;}Le problème avec le code ci-dessus est qu'il nous est difficile de distinguer l'emplacement où le titre et l'auteur apparaissent, et il est également difficile de distinguer une variable locale à aborder du message ou une propriété d'un livre. De plus, le moteur JavaScript et les outils de compression ne peuvent pas optimiser ce code, ils ne peuvent donc pas deviner la signification correcte du code.
D'accord, il y a déjà dix articles, voyons-nous dix prochains.