Maison  >  Article  >  interface Web  >  JavaScript écrit du code maintenable

JavaScript écrit du code maintenable

小云云
小云云original
2017-12-06 15:31:051769parcourir

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

Formatage de base

Niveau d'indentation

4个空格缩进,最好统一tab为4个字符。

Déclaration Fin

结尾分号

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"
    };
}

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
    }
}

Longueur de ligne

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

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;

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个字符。

Fin de la déclaration

结尾分号
Un exemple d'erreur

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}
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
    }
}

Longueur de ligne

80个字符
Saut de ligne
通常我们会在运算符后换行,下一行会增加两个层级的缩进(8个字符)
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;

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!

Déclaration:
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