javascript - 如何在链式函数中将选定元素传递给“this”

Question

我试图了解链式函数的工作原理，特别是如何将所选元素传递给链式函数。

假设我们有一个链式函数如下：

var func = {};
func.remove= function() {
    $(this).remove();
}

如何通过 jQuery 或 JavaScript 选择元素并将其传递给链式函数，如下所示：

var elm = $("foo");
elm.func.remove();

或者

var elm2 = document.getElementById("foo");
elm2.func.remove();

Answer 1

链式函数是一种返回调用它的对象的方法（因此它不能返回元素本身，除非您扩展本机 DOM 对象，不推荐这样做）。

func没有被链接，因为它根本不是一个函数。remove在它不返回它所属的对象之前没有被链接。

如果您想要执行与元素一起使用的链式函数，那么您需要定义一个对象，在该对象上定义链式方法，并将元素存储为该对象的属性。

例如：

function MyConstructor(element) {
    this._element = element;
}

MyConstructor.prototype.doA = function doA () {
    console.log(this._element);
    return this;
};

MyConstructor.prototype.doB = function doB () {
    element.style.display = "none";
    return this;
};

var example = new MyConstructor(document.getElementById('foo'));
example.doA().doB();