JavaScript示例中的JavaScript闭包是如何工作的?

时间:2018-05-24 07:21:25

标签: javascript closures lexical-scope self-invoking-function

我对Javascript闭包概念相对较新。 我知道如何完成工作,但我想彻底了解这个概念。

有人可以简单地解释,为什么示例1,2工作,而3,4不工作? 关于js闭包的任何好的链接也将受到赞赏。

示例1

    var add = (function() {
    var counter = 0;
    var plus = function() {
             return ++counter;
         };

         return plus;

     })();

    console.log(add()); //1
    console.log(add()); //2
    console.log(add()); //3

示例2

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

add();//1
add();//2
add();//3

示例3

var add=function(){
var counter=0;
var plus=(function(){
  return ++counter;
})();
return plus;

} 
 console.log(add());//1
 console.log(add());//1
 console.log(add());//1

示例4

var add=function(){
var counter=0;
var plus=(function(){
  return ++counter;
});

return plus;
}


console.log(add()());//1
console.log(add()());//1
console.log(add()());//1

0 个答案:

没有答案