Maison > Article > interface Web > Devenez un expert incontournable du développement JavaScript : renforcez vos compétences en matière de fermeture
Renforcez les compétences de fermeture : devenez un expert indispensable en développement JavaScript
Introduction : La maîtrise des compétences de fermeture peut permettre aux développeurs d'écrire du code plus efficace et plus flexible. Cet article présentera le concept, les principes et des exemples de code spécifiques des fermetures pour aider les lecteurs à comprendre en profondeur les fermetures et à devenir des experts indispensables dans le développement JavaScript.
Partie 1 : Qu'est-ce qu'une fermeture ? Une fermeture fait référence à une fonction qui peut accéder à des variables libres, où les variables libres font référence à des variables qui ne sont pas déclarées dans la portée locale lorsque la fonction est définie. Une fermeture consiste généralement en une fonction et son environnement de référence associé.
La fonction de la fermeture est de permettre aux fonctions d'accéder aux variables d'autres fonctions et de prolonger le cycle de vie de ces variables. Les fermetures sont l'un des concepts clés de la programmation orientée objet en JavaScript.
En JavaScript, chaque fonction est un objet, et chaque objet possède une propriété cachée appelée [[Environnement]], qui contient une référence au contexte d'exécution de la fonction.
Lorsqu'une fonction fait référence à des variables externes lorsqu'elle est définie, elle conserve en fait les références à ces variables. Lorsque cette fonction n'est plus appelée, son attribut [[Environnement]] sera nettoyé, mais comme il y a encore d'autres objets qui la référencent, son environnement de référence ne sera pas détruit, ce qui forme une fermeture.
Les fermetures ont de nombreux scénarios d'application pratiques en JavaScript :
Voici des exemples de code spécifiques de certaines fermetures courantes :
function Counter() { let count = 0; function increment() { count++; console.log(count); } function decrement() { count--; console.log(count); } return { increment: increment, decrement: decrement }; } const counter = Counter(); counter.increment(); // 输出:1 counter.increment(); // 输出:2 counter.decrement(); // 输出:1Exemple 2 : Mise en cache des données
function fibonacci() { let cache = {}; return function (n) { if (cache[n]) { return cache[n]; } if (n <= 2) { return 1; } cache[n] = fibonacci(n - 1) + fibonacci(n - 2); return cache[n]; }; } const fib = fibonacci(); console.log(fib(10)); // 输出:55Exemple 3 : Exécution retardée
function debounce(fn, delay) { let timeout = null; return function () { clearTimeout(timeout); timeout = setTimeout(fn, delay); }; } const saveData = function () { console.log('Saving data...'); }; const debounceSaveData = debounce(saveData, 1000); debounceSaveData(); // 等待1秒后输出:Saving data...Conclusion :
En apprenant les concepts, les principes et les exemples de code spécifiques des fermetures, nous pouvons clairement comprendre l'importance et les scénarios d'application pratiques des fermetures dans le développement JavaScript. La maîtrise des compétences de fermeture peut permettre aux développeurs d'écrire du code plus efficace et plus flexible et de devenir des experts indispensables en développement JavaScript. Par conséquent, nous devons renforcer l’apprentissage et l’application des fermetures et améliorer continuellement nos capacités de développement.
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!