189 8069 5689

JavaScript中闭包的使用

本篇内容介绍了“JavaScript中闭包的使用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

创新互联2013年开创至今，先为商水等服务建站，商水等地企业，进行企业商务咨询服务。为商水企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

通过深入了解 JavaScript 的高级概念之一：闭包，更好地理解 JavaScript 代码的工作和执行方式。

在《JavaScript 如此受欢迎的 4 个原因》中，我提到了一些高级 JavaScript 概念。在本文中，我将深入探讨其中的一个概念：闭包closure。

根据 Mozilla 开发者网络（MDN），“闭包是将一个函数和对其周围的状态（词法环境）的引用捆绑在一起（封闭）的组合。”简而言之，这意味着在一个函数内部的函数可以访问其外部（父）函数的变量。

为了更好地理解闭包，可以看看作用域及其执行上下文。

下面是一个简单的代码片段：

var hello = "Hello"; function sayHelloWorld() {    var world = "World";    function wish() {        var year = "2021";        console.log(hello + " " + world + " "+ year);    }    wish();}sayHelloWorld();

下面是这段代码的执行上下文：

JavaScript中闭包的使用

JS 代码的执行上下文

每次创建函数时（在函数创建阶段）都会创建闭包。每个闭包有三个作用域。

  • 本地作用域（自己的作用域）

  • 外部函数范围

  • 全局范围

我稍微修改一下上面的代码来演示一下闭包：

var hello = "Hello"; var sayHelloWorld = function() {    var world = "World";    function wish() {        var year = "2021";        console.log(hello + " " + world + " "+ year);    }    return wish;}var callFunc = sayHelloWorld();callFunc();

内部函数 wish() 在执行之前就从外部函数返回。这是因为 JavaScript 中的函数形成了闭包。

  • 当 sayHelloWorld 运行时，callFunc 持有对函数 wish 的引用。

  • wish 保持对其周围（词法）环境的引用，其中存在变量 world。

私有变量和方法

本身，JavaScript 不支持创建私有变量和方法。闭包的一个常见和实用的用途是模拟私有变量和方法，并允许数据隐私。在闭包范围内定义的方法是有特权的。

这个代码片段捕捉了 JavaScript 中闭包的常用编写和使用方式：

var resourceRecord = function(myName, myAddress) {    var resourceName = myName;    var resourceAddress = myAddress;    var accessRight = "HR";    return {        changeName: function(updateName, privilege) {            // only HR can change the name            if (privilege === accessRight ) {                resourceName = updateName;                return true;            } else {                return false;            }        },          changeAddress: function(newAddress) {            // any associate can change the address            resourceAddress = newAddress;                  },          showResourceDetail: function() {            console.log ("Name:" + resourceName + " ; Address:" + resourceAddress);        }    }}// Create first recordvar resourceRecord1 = resourceRecord("Perry","Office");// Create second recordvar resourceRecord2 = resourceRecord("Emma","Office");// Change the address on the first recordresourceRecord1.changeAddress("Home");resourceRecord1.changeName("Perry Berry", "Associate"); // Output is false as only an HR can change the nameresourceRecord2.changeName("Emma Freeman", "HR"); // Output is true as HR changes the nameresourceRecord1.showResourceDetail(); // Output - Name:Perry ; Address:HomeresourceRecord2.showResourceDetail(); // Output - Name:Emma Freeman ; Address:Office

资源记录（resourceRecord1 和 resourceRecord2）相互独立。每个闭包通过自己的闭包引用不同版本的 resourceName 和 resourceAddress 变量。你也可以应用特定的规则来处理私有变量，我添加了一个谁可以修改 resourceName 的检查。

使用闭包

理解闭包是很重要的，因为它可以更深入地了解变量和函数之间的关系，以及 JavaScript 代码如何工作和执行。

“JavaScript中闭包的使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！


分享标题：JavaScript中闭包的使用
分享链接：http://jkwzsj.com/article/jpphop.html

其他资讯