JavaScript 声明私有变量的两种方式

下面是JavaScript声明私有变量的两种方式的完整攻略。

声明私有变量的两种方式

在JavaScript中，私有变量是指只能在类或对象内部访问的变量。通常情况下，我们用闭包或Symbol来实现私有变量的声明。

1. 闭包实现私有变量

闭包是指一个函数返回另一个函数，这个被返回的函数可以访问原函数的内部变量。下面来看一个闭包实现私有变量的示例：

function Person(name, age) {
  var _name = name; // 私有变量 _name
  this.age = age; 

  this.getName = function() {
    return _name;
  }
}

var person1 = new Person('张三', 28);
console.log(person1.getName()); // 输出 '张三'
console.log(person1._name); // 输出 undefined
console.log(person1.age); // 输出 28

在上面的例子中，我们使用了闭包来实现了私有变量_name，并通过getName方法访问私有变量。

2. Symbol实现私有变量

Symbol是一个全局唯一的数据类型，在JavaScript中可以用来实现私有变量，因为每一个Symbol都是唯一的，外部无法获取到相同的Symbol。

const Person = (function(){
  const nameSymbol = Symbol('name'); // 声明唯一的Symbol

  class Person {
    constructor(name) {
      this[nameSymbol] = name;
    }
    getName() {
      return this[nameSymbol];
    }
  }

  return Person;
})();

const person1 = new Person('张三');
console.log(person1.getName()); // 输出 '张三'
console.log(person1[nameSymbol]); // 报错：nameSymbol未定义

在上面的例子中，我们使用了Symbol来实现私有变量name，并通过getName方法访问私有变量。使用类的方式来声明私有变量，确保只有类模板自身和基类可访问它的数据。

总结

以上就是JavaScript声明私有变量的两种方式的详细攻略。闭包和Symbol都可以实现私有变量，前者适用于较老版本的浏览器和环境，后者需要支持ES6的环境。使用闭包实现私有变量的方式比较通用，使用Symbol实现私有变量则是更加现代化的实践方式。