javascript - как «свободный API» (также называющий «цепочка»)?

Question

Я пытаюсь понять, как создать методы вызова после вызова метода.

Например, в JQuery у вас есть что-то вроде этого:

$("blah").data("data-id");

Как бы я сделать:

blah("cow").foo("moo");

где mothods бла и Foo только console.log(value)?

Answer 1

Что вы имеете в виду, это «свободный API» (также называющий «цепочка»). Ваши функции должны вернуть объект, который имеет следующий метод, который вы хотите вызвать. Например,

var obj = function(){ 
 
     var self = this; 
 
     self.blah = function(v){ console.log(v); return self; }; 
 
     self.foo = function(v){ console.log(v); return self; }; 
 
    }; 
 

 
    var o = new obj(); 
 
    o.blah("cow").foo("moo");

Смотрите эту статью для получения дополнительной информации: http://www.i-programmer.info/programming/javascript/4676-chaining-fluent-interfaces-in-javascript.html

Answer 2

Возвращает объект, содержащий функции, когда функция выполнена. то вы можете связать их.

Вот пример из того, что я сделал некоторое время назад:

// I extend a class with a new function 
HtmlObject.prototype.stop = function() { 

    clearInterval(this.updater); 
    this.animationQue = []; 
    this.updater  = undefined; 

    // Then return the object that initially called the function 
    return this; 
}; 

Так что я мог бы использовать его как object.stop() nextfuntion();.

Кроме того, в JQuery $ является просто ярлыком для функции JavaScript.

Я сделал то же самое в своем тесте, но затем с _. Я должен признать, что это не так, как изящная JQuery, но:

var _ = function (selector, context) { 
    var el = new xyvLib(); 
    // This will simply return a collection of HtmlObjects (of which you can find a snipet above) 
    return el.fn.select(selector, context); 
}; 

Answer 3

Функция мля должен возвращать объект с методом Foo. Вот пример:

function blah(blahArg) { 
    return { 
     foo: function (fooArg) { 
      console.log(blahArg, fooArg); 
     } 
    }; 
} 

blah("cow").foo("moo"); 

Answer 4

Вы можете вызвать .foo на результат blah() только тогда, когда blah() возвращает объект, который принимает метод foo на него ,

Простой пример был бы так:

function foo(value) { 
    console.log(value); 
} 
function blah(value) { 
    console.log(value); 
    return { foo: foo } 
}