Programmation fonctionnelle peut rendre votre code plus facile.Signifie simplement que le code plus facile à lire et à comprendre, testables et maintenable.

  Dans cet article, je l''ai décrit une partie de la technique de programmation fonctionnelle (FP), vous pouvez les utiliser pour simplifier le code pour améliorer le code.

  Débarrassez-vous des variables temporaires et le principe d''invariance

  Programmation fonctionnelle ont tendance invariance, invariance principe signifie cela ne changera pas leurs valeurs après initialisation des variables.En outre, après avoir créé un objet ou d''une cha?ne, vous n''avez pas besoin d''être muté.

  Si vous utilisez la programmation JavaScript, vous devez utiliser toutes les variables définies const.For''re la lecture de votre code de toute personne, définitions de constantes vous permettent de vous asseoir et vous détendre: il est garanti de ne jamais réattribuer les variables, parce que la redistribution est impossible, de sorte que le fardeau sur le cerveau du lecteur réaffecté de suivi et code d''identification Freed.

  Quand avez-vous besoin de changer la valeur de celui-ci?Tout d''abord, vous pouvez avoir un tableau:

  Pour ajouter un nouveau fruit ajouté à cette listee, comment faire?La solution est initialisé avec la nouvelle valeur d''une constante de variables nouvelles ou mises à jour, nous pouvons utiliser les opérateurs de propagation du point de copier une valeur de fruits existants:

  Vous devez suivre le principe de partout invariance dans le code, parce que si vous le faites, votre code deviendra plus propre.

  Vous connaissez la valeur des variables fruits ne changent jamais, et vous savez que la première fois que je voyais le fait que lorsque vous déclarez une variable, après l''initialisation, à tous les fruits visibles des variables, vous savez.

  Débarrassez-vous du cycle

  Considérez le cycle suivant:

  Liste var = [];

  var i = 0;

  alors que je < rows.length) {

  rangée var = rangées [i];

  var message = {

  childAddress: rangée [1],

  l''action: ''switchToBackupNode2'',

  r?le: ? bord ?

  };

  list.pousser (message);

  i + = 1;

  }

  méthodes de programmation fonctionnelle retirées tandis que la boucle, et le procédé utilisé pour cartographier une liste de rangée.

  Liste const = lignes.carte (r => ({

  childAddress: r [1],

  l''action: ''switchToBackupNode2'',

  r?le: ? bord ?

  }))

  En plus de se débarrasser du cycle, ce code supprime également les variables temporaires ligne et un message et variable boucle i.

  Les résultats plus lisibles, très clair.

  Pour être juste, pour obtenir ce niveau de confiance, vous devez d''abord comprendre les fonctions de carte.carte fonction partout dans la programmation fonctionnelle, l''apprentissage de sorte qu''il est une étape importante dans la transition vers FP.

  la carte est l''une des fonctions du programmateur pour le traitement de la liste.Liste des traitement des données est une partie importante FP, vous devez également apprendre d''autres caractéristiques de traitement de la liste: Le plus important est de réduire et fonctions de filtrage.

  Supprimer si.autre

  Dans la pratique, j''ai simplifié le code, si suppression est une stratégie utile.Il existe plusieurs stratégies qui peuvent être utilisées pour supprimer l''instruction if du code, et utiliser un d''entre eux obtiennent généralement une vision plus claire, plus facile à comprendre la structure.

  Le regard Let certaines stratégies supprimées si la déclaration.

  opérateur ternaires

  opérateur ternaires est l''outil principal que je retiré l''instruction if de la cession variables.

  Considérer ce qui suit:

  laisser un message;

  si (personne !== NULL) {

  message = `bonjour, $ {personne}!`

  } Autre {

  message = ? hey il!''

  }

  Le code ci-dessus a deux problèmes:

  Je dois utiliser un message variable non-const, parce que la structure si je ne peux pas immédiatement affecté au message dans la déclaration de variable.

  La prise en compte que des taches simples complètes aux variables Déclarez et affectation de variable conditionnelle, le code est assez long et compliqué.

  opérateur ternaires? Vous pouvez accomplir le même travail dans une rangée:

  Les opérateurs booléens && et ||

  Les opérateurs booléens && et || fournissent une alternative efficace si la déclaration est.

  Ne faites pas cela:

  si (valeur) {

  doStuff (valeur)

  } Autre {

  doStuff (1)

  }

  Améliorer:

  Où || opérateur logique OU pour fournir une méthode rapide pour les valeurs par défaut de la fonction de transfert.Chaque fois que je ne sais pas ou ne savent pas si une variable a une valeur, vous pouvez utiliser la même technique: Utiliser || En tant que préfixe pour fournir des valeurs par défaut.

  Ceci est un exemple de la fa?on d''utiliser l''opérateur logique AND &&.Tout d''abord, si la version de:

  si (données) {

  SendData (données.valeur);

  }

  Ensuite, nous utilisons && supprimé si:

  Ici, nous utilisons && d''abord vérifier si la variable contient la valeur des données.Sans cette vérification, quand aucune étiquette de valeur va s''effondrer (en d''autres termes, la valeur est nulle ou non définie).

  Lorsqu''il est utilisé ici, ces opérateurs, nous comptons sur l''évaluation de court-circuit des expressions booléennes.&& et || opérateur, lorsque la première partie de l''erreur, JavaScript ne calcule pas la seconde moitié de l''expression.

  Carte et Trouver

  Utilisez la carte pour trouver que la liste est un moyen efficace de remplacer une série de déclarations si.Considérer ce qui suit:

  laisser la langue;

  si (pays === ''FI'') {

  language = ''finlandais''

  } Else if (pays === ''SE'') {

  language = ''suédois''

  } Else if (pays === ''USA'') {

  language = ''anglais (américain)''

  } Else if (pays === ''UK'') {

  language = ''English (UK)''

  } // etc.

  Une approche plus simple est d''utiliser pays Carte / paires de langues.

  langues const = nouvelle carte ([

  [ ''FI'', ''Finlande''],

  [ ''SE'', ''Suède''],

  [ ''USA'', ''anglais (américain)''],

  [ ''UK'', ''English (UK)''],

  ])

  langue const = langues.get ( ''SE'')

  console.log (langue) // suédois

  La deuxième mise en ?uvre est beaucoup plus simple.Le code montre son intention immédiatement.De plus, il sera converti en utiliser des variables linguistiques const.

  C''est tout pour cet article, je veux être utile d''apprendre, je l''espère vous aider Accueil scénario.

  Vous pouvez également être intéressé par l''article: C ++ en rapidjson continuer à simplifier la méthode d''assemblage Trois.L''utilisation de js dat.Comment simplifier les tests GUI procédures AngularJS détaillées de routage instance de modèle et la méthode simplifiée et l''adresse de routage (doit voir) pour créer un partage de données JS Interface - valeur entre chaque cadre passe simplifié simplifie le développement de javascript analytique code JavaScript est simplifié avec A = alerte w jQuery = Document.Simplifier le writelnjavascript de code sous le libellé du javascript javascript code si les contr?les de formulaire simplifié: Chgrid, simplifié

Exemples de code JavaScript simplifient les compétences analytiques

Recommend Article: