首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JavaScript闭包-程序流

JavaScript闭包-程序流
EN

Stack Overflow用户
提问于 2017-03-15 06:42:56
回答 3查看 56关注 0票数 0

有人能解释一下这段代码是如何工作的吗?

代码语言:javascript
运行
复制
function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // 7
console.log(add10(2)); // 12

参考: https://mozilla.org/en/docs/Web/JavaScript/Closures

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-03-15 06:44:30

调用makeAdder(5)时,它将返回对新函数的引用。

代码语言:javascript
运行
复制
function(y) {
    return x + y;
};

所以add5保留了引用。在调用add5(2)之后,将2传递给函数。在它中,当它想返回x + y时,它开始查找变量。从x开始,它查找并看到没有在其中定义x,然后转到定义内部函数的scope在这里

代码语言:javascript
运行
复制
function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

它在这里定义了x,因为您在var add5 = makeAdder(5);期间调用并传递了x。在找到y并在它的作用域中找到之后。最后返回x + y

的思想是,每个函数都有对它的创建者的引用(定义它的地方),当它找不到变量时,它会在其中找到更大的变量,直到全局范围。

票数 1
EN

Stack Overflow用户

发布于 2017-03-15 06:46:59

代码语言:javascript
运行
复制
function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

当您执行var add5 = makeAdder(5);时,add5变成了一个返回我的makeAdder的函数,add5将如下所示

代码语言:javascript
运行
复制
function(y){
   return 5 + y;
}

所以当你做add5(2)时,它会做5+2,然后返回7;

票数 1
EN

Stack Overflow用户

发布于 2017-03-15 06:54:19

代码语言:javascript
运行
复制
makeAdder(5) 

X => 5和y没有值,所以x+y => 5+0 => 5

代码语言:javascript
运行
复制
var add5 = makeAdder(5);
add5(2);

我们已经用x => 5为函数makeadder创建了变量,所以现在我们传递y => 2和x => 5,所以x+y => 5+2 => 7。

外部函数变量在内部函数中可访问的这个属性在javascript中称为闭包属性。此外,对y变量的添加对于外部函数也是不可访问的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42802744

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档