Les fonctions anonymes sont une arme à double tranchant, avec des avantages et des inconvénients

En tant que langage de programmation fonctionnel, vous pouvez imaginer la place importante et le rôle énorme des fonctions en JavaScript. Mais même si cela offre une grande commodité, cela entraîne inévitablement d’énormes problèmes.

Les fonctions anonymes sont une arme à double tranchant. Elles rendent les langages de programmation fonctionnels plus parfaits et rendent le code plus difficile à lire. Vous devez savoir que les fonctions anonymes ont un coût sémantique énorme.

Si une fonction n'a pas de nom, cela n'a peut-être pas d'importance et elle perdra sa signification dans la plupart des scénarios. Le nom de la fonction est le même que votre nom, celui de votre ami et celui de votre animal de compagnie. C'est important, sinon pourquoi l'écririez-vous ?

Utiliser des fonctions nommées, même dans les endroits les plus inutiles, peut être d'une grande valeur

Vous l'avez probablement juste à portée de main Énumérez de nombreux scénarios pour prouver la commodité des fonctions anonymes. Il est indéniable que certains scénarios ont sans aucun doute une part de vérité, mais la plupart des gens l'utilisent comme point de départ et ne font pas de bonnes actions. Par exemple, il existe de nombreux exemples de

Array.some, Array.forEach, String.replace

Nous pouvons également affirmer avec certitude qu'ils n'ont pas besoin d'utiliser de fonctions nommées. utiliser des fonctions anonymes. C’est pratique, et tout le monde le fait. Mais n'oubliez pas que certains, forEach, et se remplacent eux-mêmes ont déjà une sémantique large. Mais vous pouvez encore aller plus loin :

1.Array.some, la sémantique générale consiste à savoir s'il y en a dans le tableau, mais qu'est-ce que c'est exactement ?

2.Array.forEach, la sémantique large est le parcours. Array fournit d'innombrables fonctions pour le parcours. Pourquoi avez-vous choisi forEach au lieu de map, each, etc. ?

3.String.replace, la sémantique large est un remplacement, mais qu'est-ce qui est remplacé exactement par quoi ?

Le code est écrit pour que les gens puissent le lire,

1. Ne pouvez-vous pas me laisser lire votre code et deviner ou déduire ce que vous voulez découvrir à partir du tableau ? y a-t-il une valeur nulle ?

2. Pouvez-vous me dire directement via le nom de la fonction ce que vous voulez faire en parcourant ce tableau ?

3. Pouvez-vous me dire ce que vous souhaitez remplacer directement via le nom de la fonction ?

À titre d'exemple simple, découvrez s'il existe un prix entier dans le tableau des prix. isInteger peut être une fonction publique existante. Sinon, vous l'aurez après l'avoir transmis. C'est concis et facile à lire. Lors de la lecture du processus principal, certains codes n'ont pas besoin d'être lus. isInteger est un tel code. isInteger est testable et facile à tester. Si vous êtes inquiet, effectuez des tests unitaires dessus. Vous avez peut-être remarqué qu'avec un petit changement, une partie du code est devenue testable. Même s'il ne s'agit pas d'une fonction publique, il est plus simple et plus testable de l'écrire en tant que fonction nommée.

var isAnyInteger = priceArr.some(Common.isInteger.bind(Common));

Ce sont des exemples très extrêmes où des fonctions anonymes peuvent être écrites directement, mais il est évident qu'elles peuvent voir , ils peuvent également être traités comme des limites de fonctions nommées, c'est-à-dire que l'écriture de fonctions nommées ne fera aucun mal et n'en sera que meilleure.

Peu importe la simplicité du code, l'architecture et la mise en œuvre doivent être distinguées

Une autre zone sinistrée est alors function, une fonction anonyme Le code ne peut pas être plus laid. Même si tout le monde l'écrit de cette façon, vous devez comprendre que vous ne pouvez pas l'écrire de cette façon. La posture correcte doit être écrite comme ceci :

.

/*
 * name        : getOrder
 * description : 获取订单数据 */function getOrder()
{//{{{var url = 'https://www.qunar.com/getOrder';//假如收集参数比较费劲，应该用一个函数专门去收集参数var params = getOrderParams();//假如参数体比较庞大，应该先将其赋予一个变量var params = {
        orderNo:'248663058'};//无论如何，现将参数赋予变量你都将获得在这里打印变量方便调试的便利console.log('getOrder url & params:', url, params);return $.post(url, params);
}//}}}/*
 * name        : renderOrder
 * description : 拿订单，拿到就在页面上展示出来，拿不到就告诉用户为什么没拿到 */function renderOrder()
{//{{{//高级函数，只安排工作，不自己实现//getOrder() 对该函数来说是不可见的，它要的只是订单数据，偷得抢的都可以    getOrder().then(render, remindUser);
}//}}}function render()
{//{{{}//}}}function remindUser()
{//{{{}//}}}

Bien sûr, vous pensez peut-être que renderOrder ne sert à rien et c'est tout à fait la même chose qu'un leader qui ne prend qu'un salaire et ne travaille pas. Ne suffirait-il pas d'écrire ensuite après. $.post ?

Non, si un jour la commande peut être obtenue à la fois localement et depuis le cache local, alors getOrder sera mis à niveau vers une fonction sous-avancée, qui gère deux fonctions getOrderFromServer, getOrderFromCache

Si Il y a certaines choses à faire avant ou après avoir reçu la commande, alors renderOrder peut la gérer calmement.

Ne pensez même pas au mot sur-conception. La plupart des gens n'ont pas cette capacité, alors ne vous inquiétez pas.

Vous êtes architecte senior depuis le début mais vous n'écrivez du code qu'à temps partiel

Vous pouvez clairement voir Cela signifie que l'utilisation intensive des fonctions nommées rend la structure du code très claire. N'importe qui peut facilement implémenter chaque fonction nommée. Ce qui doit être implémenté a été clairement écrit dans le nom de la fonction.

Ces fonctions nommées sont comme le squelette d'une maison, et les empiler devient le squelette d'un bâtiment. Avez-vous déjà vu un architecte construire les murs et y couler du ciment lui-même ? Il en va de même pour l'écriture de code. Les fonctions sont empilées pour former un squelette. Quant à la façon d'implémenter chaque fonction, aidez-moi à l'implémenter (lorsque vous apprenez pour la première fois, il vous est demandé de vous aider à l'implémenter).

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!