JavaScript实现私有属性的几种方式小结

class Person {
  name = 'name'  // 我们假设name是一个私有属性，当然，它现在不是  
  getName() {
    return this.name // 类内部可以访问私有属性
  }
}
const person = new Person()
person.getName() // 'name'
person.name // 尝试直接在类外部访问私有属性会报错

class Person {
  _name = 'name'  // 约定下划线开头的属性是私有属性
  getName() {
    return this._name // 类内部可以访问私有属性
  }
}
const person = new Person()
person._name  // 开发者可以不遵守命名规范，运行时在类外部访问完全没问题

function Person(){
  const name = 'name'
  this.getName = function(){
    return name
  }
}
const person = new Person()
person.getName()  // 'name'
person.name // undefined

const name = 'name'
export class Person {
  getName() {
    return name
  }
}

const person = new Person()
person.getName() // 'name'
person.name // undefined

const name = Symbol('name')
export class Person {
  [name] = 'name'
  getName() {
    return this[name]
  }
}

const person = new Person()
person.getName() // 'name'

const symbols = Object.getOwnPropertySymbols(person)
person[symbols[0])

class Person {
  private name = 'name'
  getName() {
    return name
  }
}
const person = new Person()
person.getName() // 'name'
person.name // 编译时错误 Property 'name' is private and only accessible within class 'Person'.

person['name'] // 'name'

class Person {
  #name = 'name'
  getName() {
    return this.#name
  }
}
const person = new Person()
person.getName() // 'name'
person.#name // Uncaught SyntaxError: Private field '#name' must be declared in an enclosing class

const privateFields = new WeakMap()
export class Person {
  constructor() {
    privateFields.set(this, {
      name: 'name'
    })
  }
  
  getName() {
    return privateFields.get(this).name
  }
}

const person = new Person()
person.getName() // 'name'