ES6 Class中实现私有属性的一些方法总结

下面是关于“ES6 Class中实现私有属性的一些方法总结”的完整攻略：

1. 私有属性的概念

在ES6的Class中，私有属性是指只能在类内部访问，而无法在类外部访问的属性。目前，ES6并不支持直接定义私有属性，但是可以通过一些方法实现类似于私有属性的效果。

2. 实现私有属性的方法

以下是几种实现私有属性的方法：

2.1 在构造函数中定义私有属性

这种方法是最直观的，就是在构造函数中定义私有属性。例如：

class Person {
  constructor(name, age) {
    let _name = name; // 私有属性
    let _age = age; // 私有属性

    this.getName = function() {
      return _name; // 私有属性的访问方法
    };

    this.getAge = function() {
      return _age; // 私有属性的访问方法
    };
  }
}

在上面的代码中，我们通过在构造函数中定义私有属性并使用闭包实现了私有属性的效果。外部无法访问_name和_age，只能通过类的方法来访问。

2.2 使用Symbol定义私有属性

另一种方法是使用ES6中新增的Symbol类型定义私有属性。因为Symbol是一种唯一且不可改变的数据类型，所以可以确保私有属性不受外部环境影响。例如：

const _name = Symbol('name');
const _age = Symbol('age');

class Person {
  constructor(name, age) {
    this[_name] = name; // 私有属性
    this[_age] = age; // 私有属性
  }

  getName() {
    return this[_name]; // 私有属性的访问方法
  }

  getAge() {
    return this[_age]; // 私有属性的访问方法
  }
}

在上面的代码中，我们使用了两个Symbol类型的变量_name和_age来定义私有属性，并通过类的方法来访问。

2.3 使用WeakMap定义私有属性

除了Symbol，我们还可以使用ES6中新增的WeakMap类型来定义私有属性。WeakMap是一种弱引用的Map类型，可以确保私有属性不影响垃圾回收。例如：

const PersonData = new WeakMap();

class Person {
  constructor(name, age) {
    PersonData.set(this, { // 私有属性
      name: name,
      age: age,
    });
  }

  getName() {
    return PersonData.get(this).name; // 私有属性的访问方法
  }

  getAge() {
    return PersonData.get(this).age; // 私有属性的访问方法
  }
}

在上面的代码中，我们使用了一个WeakMap类型的变量PersonData来保存私有属性，并通过类的方法来访问。

3. 示例说明

下面，我们来看一个基于构造函数的私有属性示例：

class Person {
  constructor(name, age) {
    let _name = name; // 私有属性
    let _age = age; // 私有属性

    this.getName = function() {
      return _name; // 私有属性的访问方法
    };

    this.getAge = function() {
      return _age; // 私有属性的访问方法
    };
  }

  sayHello() {
    console.log(`Hello, my name is ${this.getName()}, and I am ${this.getAge()} years old.`);
  }
}

const p1 = new Person('Alice', 18);
p1.sayHello(); // 输出：Hello, my name is Alice, and I am 18 years old.
console.log(p1._name); // undefined

在这个示例中，我们通过构造函数中的闭包实现了私有属性的效果。私有属性_name和_age只能在类的内部通过getName和getAge方法访问，外部无法访问。

接下来，我们来看一个使用Symbol定义私有属性的示例：

const _name = Symbol('name');
const _age = Symbol('age');

class Person {
  constructor(name, age) {
    this[_name] = name; // 私有属性
    this[_age] = age; // 私有属性
  }

  getName() {
    return this[_name]; // 私有属性的访问方法
  }

  getAge() {
    return this[_age]; // 私有属性的访问方法
  }

  sayHello() {
    console.log(`Hello, my name is ${this.getName()}, and I am ${this.getAge()} years old.`);
  }
}

const p2 = new Person('Bob', 20);
p2.sayHello(); // 输出：Hello, my name is Bob, and I am 20 years old.
console.log(p2._name); // undefined

在这个示例中，我们使用了两个Symbol类型的变量_name和_age来定义私有属性。私有属性只能在类的内部通过getName和getAge方法访问，外部无法访问。