ES5 模拟 ES6 Symbol 实现私有属性的方案与局限

本文通过具体实例展示如何在 ES5 环境中模拟 ES6 的 Symbol 特性，从而实现私有成员的功能。该方案旨在为开发者提供参考，帮助理解如何在旧版 JavaScript 中处理数据封装问题。

ES6 类语法与私有属性缺失问题

ES6 引入了类语法，使得类的定义变得更加简洁直观。

class Person {
  constructor(name) {
    this._name = name;
  }
  
  get name() {
    return this._name;
  }
}

然而，ES6 类语法并未直接提供私有属性的定义机制。例如，在 Person 类的实现中，通常期望在构造函数中传入 name 参数，并防止其被外部修改。但由于缺乏原生私有属性支持，外部代码仍可能直接访问或修改该属性，如 所示的操作，这违背了封装的初衷。

Person james = new Person("James");
james._name = "Tom";    // God Save Me

ES6 中 Symbol 模拟私有成员的原理

若需在 ES6 中定义私有成员，目前广泛采用的变通方案是利用 Symbol 特性，即所谓的“Symbol 大法”。

var Person = (function() {
  let _name = Symbol();
  class Person {
    constructor(name) {
      this[_name] = name;
    }
    
    get name() {
      return this[_name];
    }
  }
  return Person;
})();

该方案的核心原理在于：在匿名函数内部创建的 Symbol 实例 _name 作为局部变量，外部代码无法直接访问。由于 Symbol 具有唯一性，外部无法生成相同的 Symbol 实例，从而在逻辑上模拟出了私有成员的效果。

ES5 模拟 Symbol 的唯一性实现

基于上述思路，在 ES5 中同样可以模拟私有成员。ES5 中实现局部变量非常简单，在函数作用域内使用 let 或 var 均可达到类似的效果。真正的难点在于如何模拟 Symbol 的唯一性特征。

由于 ES5 不支持 Sybmol，属性名只能是字符串。若能生成不可预测的字符串作为属性名，即可基本实现私有化的目标。通过生成随机数，可以有效增加属性名的不可预测性。

var Person = (function() {
  var _name = "00" + Math.random();
  function Person(name) {
    this[_name] = name;
  }
  
  Object.defineProperty(Person.prototype, "name", {
    get: function() {
      return this[_name];
    }
  });

  return Person;
})();

在 Web 页面加载该程序时，每次刷新页面 _name 的值都会发生变化。这种动态变化不会影响程序本身的逻辑运行，外部程序也不会因此出现异常或不适。

ES5 模拟方案的局限性与安全性分析

然而，与原生 Symbol 方案相比，此方法存在明显缺陷：生成的 _name 值不会像 Symbol 那样被完全隐藏。在浏览器控制台中，可以通过多种手段将其查找出来——尽管在调试阶段这样做并无不可，但在开发阶段，该值虽然不可预料，却并非真正安全。

对于单个私有属性的情况，攻击者可能发现私有 Key 的规律，例如上述私有 Key 以 "000." 开头，通过遍历对象属性即可轻易找出。在存在多个私有 Key 的情况下，也可通过特定技术手段进行探测，如 所示的代码逻辑。

function getPersonNameKey() {
  var v = "" + Math.random();
  var p = new Person(v);
  for (var k in p) {
    if (p[k] === v) {
      return k;
    }
  }
}

尽管存在上述风险，但实施这些探测手段较为繁琐，普通用户通常不会如此操作。此外，原生 Symbol 同样可以通过 Object.getOwnPropertySymbols() 进行遍历，因此也能以类似方法获取私有 Key。

综上所述，在 ES5 中通过模拟 Symbol 来实现私有属性的目标已经达成，尽管其安全性不如原生方案。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。