javascript - Raphael.js 在哪里存储使用 element.data() 方法设置的元素数据？

Question

我在 Canvas 上有一堆 Raphael 元素对象，并且每个对象都有关联的数据，如下所示:

element.data('dataVal',x);

在上面的例子中，我想知道 x 存储在哪里。我一直在查看 Raphael.js 的源代码，并专注于此部分:

elproto.data = function (key, value) {
    var data = eldata[this.id] = eldata[this.id] || {};
    if (arguments.length == 1) {
        if (R.is(key, "object")) {
            for (var i in key) if (key[has](i)) {
                this.data(i, key[i]);
            }
            return this;
        }
        eve("raphael.data.get." + this.id, this, data[key], key);
        return data[key];
    }
    data[key] = value;
    eve("raphael.data.set." + this.id, this, value, key);
    return this;
};

因此，我的直觉是“eldata”是 Raphael 纸对象的属性，“eldata”包含每个 Raphael 元素的对象，数据存储在这些对象中。

本质上，我的问题是:创建 Raphael Canvas 、添加元素并向这些元素添加数据后，我将如何访问数据(不使用 Raphael 函数)？我已经尝试过一些简单的事情，比如寻找 R.eldata(其中 R 是 Raphael Canvas )，但没有结果。

感谢您的帮助!

Answer 1

eldata 是 a local variable在闭包中定义(v2.1.0 左侧的行号):

 233|  (function () {
....|
 254|      var loaded,
....|
 382|          eldata = {},
....|
2396|      elproto.data = function (key, value) {
....|
2413|      elproto.removeData = function (key) {
....|
3743|  })();

因为它是封闭的，所以它只能被同一个闭包中定义的函数访问。因此，您必须使用 Raphael 的 data 和 removeData 方法来访问它。