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

时间:2012-05-03 21:07:14

标签: javascript raphael

我在画布上有一堆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是拉斐尔画布),但这并不富有成效。

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:5)

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的dataremoveData方法来访问它。