我正在经历JavaScript allonge#six并来到这个示例(每行代码后的简短注释):
((PI) => { //1 - Outer - PI = 3.14
((PI) => {})(100); // 2 - IIFE (LOCAL) PI = 100
// ((PI) => PI)(100) // alternative1 = LOCAL PI = 100
// ((PI) => {return PI;})(100) // alternative2 - LOCAL PI = 100
return (diameter) => diameter * PI; // 3 - PI = 3.14
})(3.14)(2)
在所有这些情况下,外部函数中以 PI 为界的参数直接传递到 return 语句,从而忽略 IIFE。隐藏“PI”参数的唯一方法是将 return 语句更改为:
((PI) => (diameter) => diameter * PI)(100)
所以第一个问题:除了这种情况下的闭包之外,还有其他方法可以隐藏 PI 参数(绑定(bind)在外部函数上的参数)吗?
此外,我通过 google 开发者控制台逐行运行代码,并在代码中找到了一个点,其中 IIFE 内的 PI 值被“覆盖”为 3.14,尽管之前限制为 100。
第二个问题:
执行后IIFE内部发生了什么变化,什么时候PI值被覆盖为3.14?
最佳答案
我发现很难弄清楚您到底在问什么。因此,我只是重新组织了代码并添加了自己的注释,试图让自己的事情变得更清晰,并希望能够回答您的部分问题。
var a = (function a(PI) {
// In this scope, PI = 3.14
(function b(PI) {
// PI = 100
})(100);
return function c(diameter) {
// PI = 3.14, still in scope `a`
// diameter = 2, passed in from second call
return diameter * PI;
};
});
a_result = a(3.14); // == c, with PI = 3.14
c_result = a_result(2); // c called with diameter = 2, PI = 3.14 from scope `a`
请随时使用名称和引用资料提出更多有关此问题的问题,以便我达成共识。
关于javascript - JS自执行闭包: what happens when IIFEs inside have conflicting declarations?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38817729/