JavaScript，理解函数闭包的概念，变量作用域封装

return ()=>{}

return function (){}

(function(){
  var var1 = "";
  return function (){
    console.log( var1 );
  }
})();

// 闭包实现局部变量累加
function test() {
  var i = 1;
  return function () {
    i++;
    return i; // 返回累加后的变量
  };
}
var s = test(); // test()函数赋值给变量
console.log( s() ); // =>2; 匿名函数,累加一次
console.log( s() ); // =>3; 匿名函数,累加两次

var ss = {
  user: "sunan",
  nn: function () {
    // 这里肯定能访问到 this.user
    return function () {
      // 普通函数的this来自于自身
      return this.user;
    };
  },
  nn2: function () {
    // 这里肯定能访问到 this.user
    return () => {
      // 箭头函数的this来自于父层
      return this.user;
    };
  },
  nn3: function () {
    var that = this;
    return function () {
      // this虽然来自于自身，但这里使用that进行了转换
      return that.user;
    };
  },
};
console.log(ss.nn()()); // undefined
console.log(ss.nn2()()); // sunan
console.log(ss.nn3()()); // sunan

var ss = {
  user: "sunan",
  nn: function () {
    return function () {
      return arguments;
    };
  },
  nn2: function () {
    return () => {
      // 箭头函数的arguments实际上父层的局部变量，在作用域下面的继承
      return arguments;
    };
  },
};
console.log(ss.nn()("su", "nan")); // [Arguments] { '0': 'su', '1': 'nan' }
console.log(ss.nn2()("su", "nan")); // [Arguments] {}
console.log(ss.nn2("su", "nan")()); // [Arguments] { '0': 'su', '1': 'nan' }