如何在JavaScript原型中添加私有方法？代码实例相关疑问

结论：原生JavaScript中以#开头的私有方法无法被添加到类的原型上，这类私有成员本质是绑定到每个类实例的，而非原型链。

为什么你的代码里#calcTax是实例私有？ #

在你提供的代码中，#calcTax()是类的私有实例方法，按照ES规范，所有以#开头的私有字段和方法都会直接关联到每个实例对象，不会出现在CartItem.prototype上。你可以通过console.log(CartItem.prototype)验证，原型中不会包含#calcTax。

替代方案：实现原型级的"私有"逻辑 #

如果想让方法逻辑共享在原型上，同时保持一定的私密性，可以用以下几种方式：

1. 模块级私有函数（推荐） #

利用ES模块的作用域隔离，定义一个仅在模块内部可见的函数，类的构造函数或原型方法可以调用它：

// 模块内私有，外部无法访问
function calcTax(item) {
  item.tax = item.totalPrice * 0.13;
}

export class CartItem {
  #dateAdded = Date.now();
  tax;

  constructor(id, name, qty, price) {
    this.id = id;
    this.name = name;
    this.qty = qty;
    this.price = price;
    this.totalPrice = qty * price;
    calcTax(this);
  }
}

这个函数不会暴露到模块外，同时所有实例共享同一逻辑（它既不在实例上，也不在原型上，属于模块级作用域）。

2. 使用Symbol模拟私有原型方法 #

Symbol的唯一性可以让方法难以被外部访问（虽然不是真正的私有，通过Object.getOwnPropertySymbols仍能获取），但可以达到近似私有原型方法的效果：

const calcTax = Symbol('calcTax');

class CartItem {
  #dateAdded = Date.now();
  tax;

  constructor(id, name, qty, price) {
    this.id = id;
    this.name = name;
    this.qty = qty;
    this.price = price;
    this.totalPrice = qty * price;
    this[calcTax]();
  }

  [calcTax]() {
    this.tax = this.totalPrice * 0.13;
  }
}

[calcTax]方法会被挂载到CartItem.prototype上，外部除非持有这个Symbol变量，否则无法调用该方法。

3. 闭包封装（传统方式） #

用立即执行函数表达式（IIFE）创建闭包，把私有逻辑封装起来：

const CartItem = (function() {
  // 闭包内私有函数
  function calcTax(item) {
    item.tax = item.totalPrice * 0.13;
  }

  return class CartItem {
    #dateAdded = Date.now();
    tax;

    constructor(id, name, qty, price) {
      this.id = id;
      this.name = name;
      this.qty = qty;
      this.price = price;
      this.totalPrice = qty * price;
      calcTax(this);
    }
  }
})();

这种方式和模块级私有逻辑原理类似，只是利用闭包而非模块作用域实现隔离。

总结 #

原生#语法定义的私有方法只能是实例私有，无法挂载到原型上。如果需要原型共享的私有逻辑，优先选择模块级私有函数，其次可以用Symbol或闭包模拟。

内容的提问来源于stack exchange，提问作者Aayush Karna