1. What is a closure?
So using closures, you can associate data with functions that operate on that data. For example: function foo() { let a = 1; return function() { console.log(a); } } let foo1 = foo(); foo1() // Output 1 This is an example of a closure. In foo, because a function is returned, this function has a closure covering the internal scope of foo, that is, a, so that a always survives and will not be recycled when foo ends. 2. The role of closures2.1) MemoryWhat is the memory property of closures? When a closure is generated, the state of the environment in which the function is located will always remain in the memory and will not be reclaimed by the garbage collection mechanism after the outer function call ends. For example: function foo() { let a = 0; return function() { a++; console.log(a); } } let foo1 = foo(); let foo2 = foo(); foo1(); // 1 foo2(); // 1 foo2(); // 2 foo1(); // 2 Because a is part of the closure, when the closure is generated, the environment state of a will be kept in the memory and will not be cleared after the outer function call ends. Therefore, as foo1 is used, the value of a in the memory will increase by 1. 2.2) Simulating private variablesEnsure that a variable can only be operated on by specified operations. For example : function foo() { let A = 0; return { getA : function() { return A; }, add : function() { A++; }, del : function() { A --; } } } let foo1 = foo(); console.log(foo1.getA()); // 0 foo1.add(); console.log(foo1.getA()); // 1 foo1.del(); console.log(foo1.getA()); // 0 Through closure, it is ensured that A can only be subjected to the specified addition and subtraction operations. 3. Notes on closuresClosures should not be abused, otherwise they may cause performance problems on the web page due to excessive memory usage, and may even cause memory leaks. SummarizeThis article ends here. I hope it can be helpful to you. I also hope you can pay more attention to more content on 123WORDPRESS.COM! You may also be interested in:
|
>>: Summary of Docker Consul container service updates and issues found
Purpose: Treat Station A as the secondary directo...
Introduction MySQL slow query log is an important...
1. Remove MySQL a. sudo apt-get autoremove --purg...
In LINUX, periodic tasks are usually handled by t...
Background <br />Students who work on the fr...
Preface Before we begin, we should briefly unders...
1. Background Netplan is a new command-line netwo...
When we need to change the table name or modify t...
As a backend programmer, sometimes I have to tink...
Table of contents Overview Static type checking C...
Prerequisite: Save the .frm and .ibd files that n...
1. Overview Zabbix is a very powerful and most ...
This article shares the specific code of Vue usin...
Over a period of time, I found that many people d...
Scenario 1: To achieve a semi-transparent border:...