7.2使用闭包定义私有变量 this对象（JavaScript高级程序设计总结）

本文深入探讨了JavaScript中的闭包，揭示了其如何在函数执行后保持对局部变量的访问，以及如何通过匿名函数实现预期效果。同时，文章讨论了this对象的绑定原理，尤其是在不同执行环境下的表现，包括在模仿块级作用域和实现私有变量时的应用。重点介绍了构造函数方法和静态私有变量的概念及其优缺点。

闭包

有权访问另一个函数作用域中的变量的函数。
当某个函数被调用时，会创建一个执行环境及相应的作用域链。当函数执行完毕后，局部活动对象就会被销毁，内存中仅保存全局作用域。但是闭包不同。
当外部函数执行完后，其执行环境的作用域链会被销毁，但它的活动对象仍然会保留在内存中。直到匿名函数被销毁后，外部函数的活动对象才会被销毁。

闭包只能取得包含函数中任何变量的最后值


const createArray = () => {
  const arr = [];
  for (var i = 0; i < 10; i += 1) {
    arr[i] = function () {
      return i;
    };
  }
  return arr;
}

createArray().forEach((item) => {
  console.log(item()); // 10
})

通过创建另一个匿名函数，则可以达到预期

const createArray = () => {
  const arr = [];
  for (var i = 0; i < 10; i += 1) {
    arr[i] = function (num) {
      return function () {
        return num;
      }
    }(i);
  }
  return arr;
}

createArray().forEach((item) => {
  console.log(item()); // 0-9
})

this

this对象是在运行时基于函数的执行环境绑定的
匿名函数的执行环境具有全局性

var name = 'Sam';
const person = {
  name: 'Tom',
  getName() {
    return function () {
      return this.name;
    }
  }
}
console.log(person.getName()()) // Sam

模仿块级作用域

(function () {
  // 块级作用域
})();

私有变量

特权方法：利用闭包通过自己的作用域链也可以访问私有变量

构造函数方法

function MyObject(name) {
  let _variable = 10;

  function getVar() {
    return `${_variable}and${name}`;
  }

  this.publicMethod = function (value) {
    _variable += 1;
    name = value;
    return getVar();
  }
}

const my = new MyObject('Sam');
console.log(my.publicMethod('Tom')) // 11andTom

缺点：针对每个实例都会创建同样一组新方法

静态私有变量

const that = function () {
  return this;
}();
(function () {
  let name = '';
  that.Person = function (value) {
    name = value;
  }
  that.Person.prototype.getName = function () {
    return name;
  }
  that.Person.prototype.setName = function (value) {
    name = value;
  }
})();

const personFirst = new that.Person('sam');
console.log(personFirst.getName()) // sam
const personSecond = new that.Person("Tom");
console.log(personFirst.getName()) // Tom
console.log(personSecond.getName()) // Tom