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

Question

我在画布上有一堆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画布,添加了元素,并向这些元素添加了数据,我将如何访问数据(不使用Raphael函数)？我尝试过简单的东西,比如寻找R.eldata(其中R是拉斐尔画布),但这并不富有成效.

非常感谢您的帮助!

Answer 1

eldata是一个在闭包内定义的局部变量(从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方法来访问它.