如何在JavaScript中使构造函数中的变量变为私有的|极客笔记

如何在JavaScript中使构造函数中的变量变为私有的

在本文中，我们将介绍如何在JavaScript中使构造函数中的变量变为私有的。私有变量是指只能在构造函数内部访问，而无法在外部直接访问的变量。通过将变量设置为私有，我们可以增强代码的安全性和封装性。

使用闭包

闭包是一种将函数及其相关的数据封装在一个作用域中的机制。通过使用闭包，我们可以创建一个安全的环境来存储构造函数中的私有变量。在构造函数中，我们可以使用闭包来定义私有变量，并通过返回一个具有访问私有变量功能的对象来公开某些方法。

下面是一个使用闭包将变量变为私有的示例：

function Person(name) {
  var privateName = name;

  return {
    getName: function() {
      return privateName;
    }
  };
}

var person = Person("John");
console.log(person.getName()); // 输出 "John"
console.log(person.privateName); // 输出 undefined

在上面的示例中，privateName 是一个私有变量，只能在构造函数内部访问。通过返回一个具有访问私有变量功能的对象，我们可以在外部访问私有变量的值，而无法直接修改私有变量。

使用Symbol

Symbol 是 ES6 中引入的一种新的数据类型，它可以创建全局唯一的值。我们可以利用 Symbol 的唯一性来创建私有变量。

下面是一个使用 Symbol 将变量变为私有的示例：

var privateName = Symbol();

function Person(name) {
  this[privateName] = name;
}

Person.prototype.getName = function() {
  return this[privateName];
};

var person = new Person("John");
console.log(person.getName()); // 输出 "John"
console.log(person.privateName); // 输出 undefined

在上面的示例中，我们使用 Symbol 创建了一个唯一标识符 privateName，并将其作为属性名。由于 Symbol 的唯一性，外部无法直接获取并修改私有变量的值。

使用WeakMap

WeakMap 是 ES6 中引入的一种新的数据结构，它可以存储键值对，并且键是弱引用。我们可以利用 WeakMap 来存储私有变量。

下面是一个使用 WeakMap 将变量变为私有的示例：

var privateMap = new WeakMap();

function Person(name) {
  privateMap.set(this, name);
}

Person.prototype.getName = function() {
  return privateMap.get(this);
};

var person = new Person("John");
console.log(person.getName()); // 输出 "John"
console.log(person.privateMap); // 输出 undefined

在上面的示例中，我们使用 WeakMap 存储了私有变量 name，并将构造函数的实例作为键。由于 WeakMap 的弱引用特性，当实例被销毁时，WeakMap 会自动回收相应的私有变量。

总结

通过使用闭包、Symbol 或 WeakMap，我们可以在 JavaScript 中将构造函数中的变量变为私有的。私有变量的使用可以增强代码的安全性和封装性，防止外部直接访问和修改敏感数据。选择适合的方法来实现私有变量取决于具体的需求和使用场景。在编写 JavaScript 代码时，我们应该根据实际情况选择合适的方式来保护和封装私有变量。