剖析 mootools

Question

我遇到了一个问题并需要解决该问题，需要在 mootools 中内置功能。所以我开始剖析它。 有一个我感兴趣的功能 IframeShim.destroy 现在就像这样

destroy: function(){
        if (this.shim) this.shim.destroy();
        return this;
    }

我无法理解什么是shim。 我特别想理解的是 Request.JSONP.cancel 它的代码是这样的

cancel: function(){
        if (this.running) this.clear().fireEvent('cancel');
        return this;
    }

，现在这个取消调用clear，其代码现在是这样的

clear: function(){
        this.running = false;
        if (this.script){
            this.script.destroy();
            this.script = null;
        }
        return this;
    }

，在这个clear函数中我可以看到destroy()，它将我带到shim（参见顶部的代码）并且我被卡住了。 所有这些功能都在 mootools-more.js

帮助？

如果有人可以提供 Request.JSONP.cancel 的纯 JavaScript 实现，那就太好了 它有 JQuery 替代品吗？

Answer 1

Request.JSONP.clear 方法调用的 destroy 不是 IframeShim.destory，它是 mootools 核心的一部分。来源如下：

destroy: function(){
    var children = clean(this).getElementsByTagName('*');
    Array.each(children, clean);
    Element.dispose(this);
    return null;
},

Element.dispose 所做的就是调用本机 jasvascript DOM 方法 Node.removeChild 从 DOM 中删除一个元素。

因此，JSONP.cancel 所做的就是查看是否通过 Request.JSONP.cancel 添加了脚本 DOM 节点。如果是，它会通过removeChild 从 DOM 中删除脚本元素。

重要的是它将 running 标志设置为 false。如果您查看 Request.JSONP.success，它在调用回调函数之前所做的第一件事是检查 running 标志是否设置为 false，如果是，它立即返回。这有效地“取消”了执行。

如果您的意思是它是否取消 HTTP 请求，答案是否定的，它不会。