先来看一个问题

问题

var str1 = str2 = "web";
(function () {
var str1 = str2 = "前端";
})();
console.log(str2);

固然这里输出的是效果是: 前端

假如如今将console.log(str2)变成consloe.log(str1),那末输出的效果就会变成 web

解答

实在这题并非很难，第一句 var str1 = str2 = "web"; 实际上是定义了两个全局的变量，在应用function的闭包内用 var 从新定义了 str1 而没有从新定义 str2

我们晓得在默许情况下 假如不必 var 定义的变量都邑变成全局变量，所以此时在function闭包内的str2就是引用了全局变量，所以赋值操纵固然也就能够给予全局变量 str2 所以输出 str2 效果是 “前端”

而 str1 用了 var 定义，就是在function闭包内的变量，闭包外天然不能够转变，所以输出的效果是 “web”

脑洞大开

实在每一次看到这类情势的代码

(function(){
})()

都以为异常的新颖，以为这里有许多东西能够专研，所以在这里也总结一下这类情势的闭包。

诠释前先看看

起首这类情势的闭包是工资的加上去，并非说能够有什么奇异的 duangduang 的殊效，而是能够防止许多本来是部分变量能够搞定的比较 low 的变量去污染全局的变量

其次在js中，是 没有块作用域 这类说法
起首我们回到C++,假如有一段代码是如许

    int number1=10;
    if(true){
      int number1 = 5;
    }
    cout<<number1;

这里的效果照样 10

而在js代码当中

    var str1= "web";
    if(true){
        var str1="前端";
    };
    console.log(str1);

这里的效果就是 前端

由于 if{} 没有块作用域，所以内部的str1直接就重定义了外部全局的str1，所以输出的效果就只是”前端”了，而且这也污染了全局变量（谁人即是”web”的str1已不见了踪迹）

而大 js 只要 函数作用域

所以我们要应用函数闭包

应用函数闭包能有用的封装部分的变量，而不污染全局作用域

    str1 = "web";
    (function () {
         var str1 = "前端";

         //str1剩下的功用
    )();
    console.log(str1);

此时输出的照样 web

所以我们应用了一个匿名函数 function(){} 而且让他本身挪用本身实行函数内部的操纵 而且 str1 也没有污染到外部的全局作用域