首页 > web前端 > js教程 > 正文

关于 JavaScript 闭包的详细讨论

PHPz
发布: 2024-08-29 10:37:32
原创
520 人浏览过

JavaScript 中的闭包是一项重要而强大的功能,有助于理解 JavaScript 编程语言的各种功能和模式。要详细讨论闭包,有必要了解作用域和词法环境(函数声明的地方)的概念。

  • 下面讨论它们:-

1. Scope:- 范围是可以访问变量、函数或对象的特定字段或环境。 JavaScript 中有两种主要类型的作用域:-

  • 全局范围:这是默认范围,可以在整个脚本中访问任何变量或函数。
var myGlobalVar = "This is global!";

function printSomething() {
  console.log(myGlobalVar);
}

printSomething(); // Output: This is global!
登录后复制
  • 本地/函数作用域:用于访问特定函数或块内的变量或函数。
function printSomething() {
  var myLocalVar = "I'm local!";
  console.log(myLocalVar);
}

printSomething(); // Output: I'm local!

// Not allowed
console.log(myLocalVar); // Output: Uncaught ReferenceError: myLocalVar is not defined
登录后复制

闭包基本上与本地/函数作用域相关。 局部/函数作用域表示函数内变量的可访问性,而全局作用域表示整个脚本中变量的访问性。

2.词法环境:-词法环境是一个包含当前执行上下文的所有变量和函数引用的对象。每个函数在执行期间都会创建自己的词法环境。

JavaScript Closures সম্পর্কে বিস্তারিত আলোচনা

闭包如何工作?

当定义函数时,该函数会创建一个闭包。这个闭包包含函数的代码以及该函数的词法范围内的变量或函数。当函数被调用时,闭包会创建一个新的执行上下文,并且可以访问该上下文中的变量和函数

  • 现在我们用一个例子来解释一下 Closure 是如何工作的:
function outerFunction() {
    let outerVariable = 'I am from outer function';

    function innerFunction() {
        console.log(outerVariable); // এখানে outerVariable-কে access করছে
    }

    return innerFunction;
}

const closureFunc = outerFunction();
closureFunc(); // Output: I am from outer function
登录后复制

说明:

  • এখানে outerFunction একটি ভেরিয়েবল outerVariable ডিক্লেয়ার করেছে এবং একটি innerFunction রিটার্ন করছে।
  • innerFunctionএর মধ্যে outerVariableকে এক্সেস করা হচ্ছে, যদিও innerFunction নিজে কোনো outerVariable ডিক্লেয়ার করে নাই।
  • যখন closureFunc চালানো হয়, তখন outerVariable প্রিন্ট হবে, যদিও outerFunction ইতিমধ্যে execute হয়ে শেষ হয়ে গেছে। এটি সম্ভব হয়েছে closure-এর কারণে, যা outerFunctionএর lexical environment ধরে রেখেছে।

Closures-এর ব্যবহার:

  1. Data Privacy/Encapsulation:- Closures প্রাইভেট ডেটা তৈরি করতে পারে যা শুধুমাত্র নির্দিষ্ট ফাংশনের মাধ্যমে অ্যাক্সেস করা যায়।
function counter() {
    let count = 0;
    return function() {
        count++;
        return count;
    };
}

const myCounter = counter();
console.log(myCounter()); // Output: 1
console.log(myCounter()); // Output: 2
console.log(myCounter()); // Output: 3
登录后复制
  1. Function Currying:- একটি ফাংশন যে অন্য ফাংশনকে তার আর্গুমেন্ট হিসেবে গ্রহণ করে এবং একটি নতুন ফাংশন রিটার্ন করে, সেটি কারিং বলে।
function multiply(a) {
    return function(b) {
        return a * b;
    };
}

const multiplyBy2 = multiply(2);
console.log(multiplyBy2(5)); // Output: 10
登录后复制
  1. Asynchronous Handling Operations:- Closures প্রায়ই asynchronous callback ফাংশনের ক্ষেত্রে ব্যবহৃত হয়, যেমন setTimeout বা event listeners.
function asyncFunction() {
    let message = 'Hello, World!';

    setTimeout(function() {
        console.log(message);
    }, 1000);
}

asyncFunction(); // Output: Hello, World! (1 সেকেন্ড পরে)
登录后复制

Closures-এর সুবিধা:

  • ডেটা প্রাইভেসি: Closures sensitive ডেটা encapsulate করতে পারে এবং সেই ডেটা বাইরের জগতে অ্যাক্সেস থেকে নিরাপদ রাখে।
  • মেমরি ইফিশিয়েন্সি: একটি ফাংশন তার lexical scope ধরে রাখে, তাই closure যথাযথভাবে ব্যবহৃত হলে এটি মেমরি ইফিশিয়েন্ট হয়।

Closures-এর অসুবিধা:

  • মেমরি লিক: যদি Closures অনুপযুক্তভাবে ব্যবহৃত হয়, তাহলে এটি মেমরি লিকের কারণ হতে পারে, কারণ এটি প্রয়োজনের চেয়ে বেশি ডেটা ধরে রাখতে পারে।
  • ডিবাগিং সমস্যা: Closures জটিল হতে পারে এবং ডিবাগিং কঠিন হয়ে যায়, কারণ যখন আপনি বিভিন্ন ভেরিয়েবলের ভ্যালু ট্র্যাক করেন, তখন সেগুলি কোথায় সংরক্ষিত আছে তা স্পষ্ট নাও হতে পারে।

JavaScript-এ Closures একটি মৌলিক ও শক্তিশালী কনসেপ্ট যা আপনাকে অনেক উন্নত ও কার্যকরী কোড লিখতে সহায়তা করবে।

以上是关于 JavaScript 闭包的详细讨论的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板