官术网_书友最值得收藏!

JavaScript closures

Closures are functions that refer to variables from their parent environment. Using the closure pattern enables variables from the parent() function to remain bound to the closure. Let's take a look at the following example:

function parent() {
    var message = "Hello World";

    function child() {
        alert (message);
    }

    child();
}

parent();

In the preceding example, you can see how the child() function has access to a variable defined in the parent() function. But this is a simple example, so let's see a more interesting one:

function parent() {
   var message = 'Hello World';
    
  function child() {
    alert (message);
   }

   return child;
}

var childFN = parent()
childFN();

This time, the parent() function returned the child() function, and the child() function is called after the parent() function has already been executed. This is counterintuitive to some developers because usually the parent() function's local variables should only exist while the function is being executed. This is what closures are all about! A closure is not only the function, but also the environment in which the function was created. In this case, the childFN() is a closure object that consists of the child() function and the environment variables that existed when the closure was created, including the message variable.

Closures are very important in asynchronous programming because JavaScript functions are first-class objects that can be passed as arguments to other functions. This means that you can create a callback function and pass it as an argument to an event handler. When the event will be emitted, the function will be invoked, and it will be able to manipulate any variable that existed when the callback function was created even if its parent function was already executed. This means that using the closure pattern will help you utilize event-driven programming without the need to pass the scope state to the event handler.

主站蜘蛛池模板: 靖远县| 龙川县| 垫江县| 时尚| 铜山县| 淮滨县| 弥渡县| 梁河县| 田东县| 昌黎县| 华宁县| 抚宁县| 伊金霍洛旗| 蓬莱市| 临洮县| 日土县| 高邮市| 南宁市| 潞城市| 鄂温| 探索| 西盟| 临澧县| 临汾市| 扎兰屯市| 黎川县| 华安县| 射阳县| 简阳市| 沙田区| 建昌县| 卫辉市| 乡宁县| 修武县| 上虞市| 固原市| 彭阳县| 龙山县| 五指山市| 中江县| 应城市|