Un espace après le nom de la fonction est mal?

J'ai été en utilisant JSLint et j'ai eu une erreur de mettre un espace après le nom de la fonction. Pourquoi est-ce mauvais?

function coolness () {
    var hi = "this";
}

ERREUR: Problème à la ligne 1 caractère 19: Inattendu espace entre 'fraîcheur' et '('.

  • Il est mauvais parce qu'un certain grognon senior était de mauvaise humeur quand il a écrit jslint, que vous serez constamment si vous continuez à l'utiliser.
  • Les Conventions de l'aider à garder le code plus lisible. Cohérence à l'échelle de plusieurs de ces fonctions est essentielle.
  • Voir Crockford parler youtu.être/taaEzHI9xyY?t=1949
InformationsquelleAutor supercoolville | 2012-03-19
  1. 44

    JSLint n'est pas une syntaxe JavaScript vérificateur d'autant que c'est un JavaScript vérificateur de style. Les lignes directrices de style qu'il utilise sont ceux écrits par Douglas Crockford.

    Certaines personnes ne sont pas d'accord avec son style de décisions, certaines personnes le font. Ils ne sont pas la loi et vous n'êtes pas obligé de les suivre. Alternative JS linters comme JSHint existent.

    La règle particulière que vous rencontrez est ici:

    Il devrait y avoir aucun espace entre le nom d'une fonction et la parenthèse ouvrante) de sa liste de paramètres.

    JavaScript n'est pas les espaces sensibles. Vous pouvez ajouter cet espace si il vous fait vous sentir mieux. (Il n'est pas standard, cependant.)

    InformationsquelleAutor Interrobang
  2. 50

    Selon Crockford,

    Pour nommé fonctions, NE PAS insérer d'espace entre nom de la fonction et les parenthèses:

    function doStuff() {
  //stuff here
}

    Pour anonyme fonctions, FAIRE insérer un espace entre function mot-clé et les parenthèses:

    function () {
  //stuff here
}
    • À mon humble avis (et Crockford s) ce qui fait que les deux types de fonction plus faciles à distinguer. Je pense que coller à Crockford de règles, même là où vous ne voudriez pas naturellement, c'est une bonne idée, car elles sont conformes et de traitement pouvant être validé à l'aide de JSLint. Ils sont de facto code règle de style pour le Javascript. Sauf si vous avez une très bonne raison d'utiliser quelque chose de différent, je ne le ferais pas. (Et pas d'accord avec Crockford parce que vous avez toujours codé d'une autre manière n'est pas vraiment une bonne raison)
    • pour le commentaire. Actuellement, le seul endroit sur la page qui explique POURQUOI il est mauvais " (sans simplement dogmatique, de répéter les règles de la convention).
    • Je peux dire la différence entre les deux. Est l'ajout d'un cas particulier de règles de style en vaut la peine? Je ne le pense pas, FWIW, l'd3.js bibliothèque des pauses Crockford de la suggestion, ce qui est bien pour moi.
    • Crockford de la justification: "Si l'espace est omis, alors il peut apparaître que le nom de la fonction est la fonction, qui est d'une lecture incorrecte." Je trouve cela peu convaincantes. Est-ce à déranger personne? Ne provoque des bugs?
    • Je trouve que c'est plus un problème de cohérence. Si vous mettez un espace après "si" et les "pour" et "tandis que," vous devriez mettre un espace après "fonction".
    • Il n'est pas difficile. Mettre un espace après le mot clé function. période.
    • Comment pourrait-on jamais exécuter la seconde "anonyme" de la fonction? Si ce n'est pas une IIFE, ni de nom?

    InformationsquelleAutor sebarmeli
  3. 12

    Veuillez vérifier le code javascript convetions ci-dessous et vous trouverez votre réponse.

    http://crockford.com/javascript/code.html#function

    Il devrait y avoir aucun espace entre le nom d'une fonction et de la ( (parenthèse gauche) de sa liste de paramètres. Il devrait y avoir un espace entre l' ) (parenthèse droite) et le { (accolade gauche) qui commence à la déclaration corps. Le corps lui-même est en retrait de quatre espaces. L' } (accolade droite) est alignée avec la ligne contenant le début de la déclaration de la fonction.

    Exemple pour un fonction:

    function outer(c, d) {
    var e = c * d;

    function inner(a, b) {
        return (e * a) + b;
    }

    return inner(0, 1);
 }

    Exemple pour fonction anonyme:

    div.onclick = function (e) {
    return false;
};
    • un exemple pour ton explication serait bien 🙂
    • très bien mate 🙂
    InformationsquelleAutor Bogdan Emil Mariesan
  4. 2

    Techniquement parlant, votre code est parfaitement valable, même si certains de code de style de normes indiquent qu'il ne devrait pas être un tel espace (par exemple, celui que @Bodgan citée).

    En fait, lorsque vous compressez votre code (en utilisant l'un des nombreux outils comme YUI Compressor ou Google Closure Compiler) ces espaces sont entièrement supprimé - y compris ceux d'avant/après les accolades cités par @Bodgan. Et c'est valable JS de cours.

    InformationsquelleAutor Ofer Zelig
  5. -1

    Je pense que si votre projet voulez avoir un seul style (function name () {...} VS function name() {...}), l'ancien est pire parce que:

    1. De nombreux classiques style de codage des lignes directrices ont pas d'espace entre le nom de la fonction et la parenthèse ouvrante dans une déclaration de fonction. (Que dire, faire le contraire est en train d'introduire des divisions)

    E. g.

    C++:

    void main() {
}

    PHP:

    function run() {
}

    1. Je pense que l'appel de la fonction et de la déclaration de la fonction n'est pas assez digne pour besoin de deux styles différents (#1). Ce n'est pas suivant le principe de BAISER.

      Par exemple: En quelques occasions, j'ai de la copie d'une déclaration de fonction du modèle de la fonction de nombreux paramètres (il y a peut-être pas une bonne auto-complétion de l'indice), et de le coller dans une position dans le code pour le transformer en un appel de fonction. Si deux styles de là, je vais avoir besoin de soins supplémentaires (assument aucune linter) pour supprimer l'espace supplémentaire entre les functionName (longParameterList...).

    Remarques:

    #1 - quelques opinions font valoir ce qui facilite les recherches dans les fichiers de déclarations de fonction, qui je ne pense pas que convaincants-une raison suffisante pour ajouter le style supplémentaire à retenir dans le codage.

    • Je suis conscient que standardjs.com promouvoir le style de l'OP suggéré. Je n'ai pas l'habitude d'écrire comme ça en fait. Peut-être que je dois toujours besoin d'un re-formateur pour ajouter de l'espace supplémentaire pour m'enregistrer, si le projet doit se conformer à ce. 😛
    InformationsquelleAutor Johnny Wong