Maison > interface Web > js tutoriel > JavaScript écrit du code maintenable

JavaScript écrit du code maintenable

小云云
Libérer: 2017-12-06 15:31:05
original
1801 Les gens l'ont consulté

Le niveau d'indentation de formatage de base est une indentation de 4 espaces, et il est préférable d'unifier les tabulations à 4 caractères. Un exemple d'erreur provoquée par un point-virgule final à la fin d'une instruction.

//原始代码function getData() {    return     {        title:"Maintainable JavaScript",        author:"Nicholas C. Zakas"    }
//分析器会它理解function getData
Copier après la connexion

Formatage de base

Niveau d'indentation

4个空格缩进,最好统一tab为4个字符。
Copier après la connexion
Copier après la connexion

Déclaration Fin

结尾分号
Copier après la connexion
Copier après la connexion

Exemple qui produit l'erreur

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}
Copier après la connexion
Copier après la connexion

Cela peut être corrigé en déplaçant l'accolade ouvrante sur la même ligne que return .

//这段代码工作正常,尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}
Copier après la connexion
Copier après la connexion

Longueur de ligne

80个字符
Copier après la connexion
Copier après la connexion
Saut de ligne
通常我们会在运算符后换行,下一行会增加两个层级的缩进(8个字符)
Copier après la connexion
Copier après la connexion

Exception : lors de l'attribution d'une valeur à une variable , la position de la deuxième ligne doit être alignée avec la position de l'opérateur d'affectation, comme

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;
Copier après la connexion
Copier après la connexion

ligne vierge

  • entre les méthodes

  • Entre les méthodes locales et les instructions

  • Avant les commentaires sur plusieurs lignes ou sur une seule ligne

  • <🎜 >Insérez des lignes vides entre les fragments logiques dans les méthodes pour améliorer la lisibilité

Formatage de base

Niveau d'indentation

4个空格缩进,最好统一tab为4个字符。
Copier après la connexion
Copier après la connexion

Fin de la déclaration

结尾分号
Copier après la connexion
Copier après la connexion
Un exemple d'erreur

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}
Copier après la connexion
Copier après la connexion
peut être fait en déplaçant l'accolade gauche vers la même ligne que return pour résoudre ce problème.

//这段代码工作正常,尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}
Copier après la connexion
Copier après la connexion

Longueur de ligne

80个字符
Copier après la connexion
Copier après la connexion
Saut de ligne
通常我们会在运算符后换行,下一行会增加两个层级的缩进(8个字符)
Copier après la connexion
Copier après la connexion
Exception : lors de l'attribution d'une valeur à une variable , la position de la deuxième ligne doit être alignée avec la position de l'opérateur d'affectation, comme

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;
Copier après la connexion
Copier après la connexion

ligne vierge

  • entre les méthodes

  • Entre les méthodes locales et les instructions

  • Avant les commentaires sur plusieurs lignes ou sur une seule ligne

  • Insérez des lignes vides entre les fragments logiques dans la méthode pour améliorer la lisibilité

Le contenu ci-dessus concerne l'écriture de code maintenable en JavaScript. J'espère qu'il pourra aider tout le monde.

Recommandations associées :

JavaScript écrivant un didacticiel simple de bibliothèque de méthodes AJAX

Fuites de mémoire JavaScript courantes

Introduction à l'utilisation de la fonction split en JavaScript de superficiel à profond

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal