Параметр функции внутри функции

Question

Как должна быть функция «прикован», для того, чтобы вызвать эту функцию, как этот

F('Test').custom_substring(0,1); 

Answer 1

Следующий пример обеспечивает змеевидные custom_substring, что не изменяет исходный объект, но вместо возвращает новый. Это похоже на работу jQuery и других библиотек (и как работают встроенные строковые операции), и это помогает сделать более безопасный и более предсказуемый код.

function F(str) { 
    return { 
     toString: function() { return str; }, 

     // You didn't provide an example of what you want custom_substring 
     // to do, so I'll have it append a "!" to the beginning of the resulting value 
     // (since I can't think of anything else for it to do) 
     custom_substring: function (from, to) { 
      return F("!" + str.substring(from, to)); 
     } 
    }; 
} 

var s1 = F("Hello everyone"); 
var s2 = s1.custom_substring(0, 7); 
var s3 = s2.custom_substring(0, 5) 
      .custom_substring(0, 4); 

console.log(s1); // Hello everyone 
console.log(s2); // !Hello e 
console.log(s3); // !!!He 

Answer 2

Вы должны возвращать объект, который имеет элемент метода с именем custom_substring. Один из примеров:

var F = function(){ 
    return { 
    custom_substring:function(){ 
     console.log('custom substring'); 
     return this; 
    } 
    } 
} 

F('Test') 
    .custom_substring(0,1) 
    .custom_substring(0,1) 
    .custom_substring(0,1); 

Для создания объектов вы можете использовать функции конструктора и прототип, это сложный вопрос, и объяснили here.

Я бы не стал связываться с String.prototype, потому что это breaks encapsulation.

Answer 3

Если вы действительно хотите создать цепочку, вам всегда нужно возвращать this из методов, где это возможно.

Например, мы имеем некоторый класс с некоторыми методами:

function Foo() { 
    this.foo = 'bar'; 
    return this; 
} 

Foo.prototype = Object.create({ 
    sayFoo: function() { 
     console.log(this.foo); 
     return this; 
    }, 

    getFoo: function() { 
     return this.foo; // Here you can't make chainload 
    }, 

    saySmth: function() { 
     console.log('Something'); 
     return this; 
    } 
}); 

И мы можем использовать это:

var test = new Foo().sayFoo().saySmth().getFoo(); // prints this.foo -> 'Something' -> returns this.foo 
console.log(test); // prints out this.foo