Question

So I am (still) completely in love with the almighty jQuery, and I have my own growing library of utilities that I want to codify in a java-script object. And I would like to keep syntax similar to that of jquery for the sake of simplicity for my other front end devs. So I want something like this:

 foo(argument).method(argument);

我一直在努力这样做:

var foo = function(str){
    this.str = str;
}

foo.prototype = {
    alertTest  :  function(additional){
         alert(this.str +     + additional);
    }
}

因此, f( h)al(世界);

我知道这一点是可能的,但我不是一个联络处的幌子,需要帮助获得这一简单的权利。请提供帮助。我也打算拥有许多oo().)、bar( like)和 f().)等类型功能。我曾几次尝试过,但在此艰难挣扎。还必须有非常严格的办法。

感谢民间!

Answer 1

你们几乎在那里:

new foo( hello ).alertTest( world );

或如您不喜欢<代码>新:

var bar = function bar(str) {
    this.str = str;    
};

bar.prototype = {
    alertTest :  function(additional){
        alert(this.str +     + additional);
        return this;
    }
};

function foo(str) {
    return new bar(str);
}

foo( hello ).alertTest( world );

rel=“nofollow”>Live Demo。

Answer 2

此前我曾做过这样的事情,是创造!

如果我正确记住,为了能够使用权宜之计,我必须把物体作为原始功能呼吁的一部分归还。这样,我就能够像<条码>(id)美元(df)项)和(pff0000 )

function $(id){
    this.e = document.getelementbyid(id)
    me = this
    this.val = function (newval) {
        this.e.value = newval;
        return me;  // <- Important
    };
    return this;  //  <- Important
}

$("textbox1").val("New Value")    // changes textbox1 s value to "New Value"

http://www.mikedoesweb.com/vis/rel=“nofollow” http://www.mikedoesweb.com/vis/。

Answer 3

我说得很快,但你可以与我们试图在这里实现的本质有关——

function ChainingObj() {
  if (!(this instanceof ChainingObj)) {
    return new ChainingObj();
  }
}

ChainingObj.prototype.first = function() {
  console.log("foo");
  return this; //important to return this.
}


ChainingObj.prototype.second = function() {
  console.log("bar");
  return this;
}

var a = ChainingObj().first().second();

Answer 4

回答这一问题已经很晚了,而且 j忙也非常pre。但是,人们经常问这个问题。

在不使用原型的情况下,我执行如下:

const wrapper = (person) => ({
    sayGoodMorning:() => {
        console.log("Good Morning, "+person.name)
        return wrapper(person);
    },
    showAlert:() => {
       alert("Hey I am alert");
       return wrapper(person);
    },
    sayGoodEvening:() => {
        console.log("Good Evening, " + person.name)
        return wrapper(person);
    },
    sayGoodNight:() => {
        console.log("Good Night, " + person.name)
        return wrapper(person);
    },
  });
  const person = {name:"StackOverflow"};
  const $ = (obj) => wrapper(obj);
  const $example = $(person);
  
  $example
    .showAlert()
    .sayGoodMorning()
    .sayGoodEvening()
    .sayGoodNight();

友情链接