JavaScript écrit du code maintenable

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!