Возвращаем объект в конце после цепочки

Question

Я пытаюсь создать жидкую структуру, чтобы я мог объединить функции вместе. Что-то вроде этого ниже. Но я хочу вернуть объект в конце.

var foo = new create(); 
foo.x("hello") 
    .y("howdy!") 
    .z("hello") 
    .get_obj(); 

Прямо сейчас, кажется, что я получаю указатель/ссылку на функцию create(), что, потому что я вернуть это после каждого вызова функции (я думаю?). Я знаю, что могу сделать что-то вроде var bar = foo.obj;, но я был бы очень признателен, если бы был способ избежать этого. Я довольно новичок в Javascript, я использовал TypScript раньше, чтобы мои знания о закрытии несколько ограничены, если это проблема.

function create() { 
    this.obj = {} 

    this.x = function(value) { 
     this.obj["key_x"] = value; 
     return this; 
    } 

    this.y = function(value) { 
     this.obj["key_y"] = value; 
     return this; 
    } 

    this.z = function(name) { 
     this.obj["key_z"] = value; 
     return this; 
    } 

    this.get_obj = function() { 
     return this.obj; 
    } 
} 

Answer 1

Вы не назначая результат цепи к чему-либо, так foo остается неизменной и по-прежнему является результатом new create().

Возможно, вы хотите сделать это?

var foo = new create() 
    .x("hello") 
    .y("howdy!") 
    .z("hello") 
    .get_object(); 

Тогда foo должен быть объектом, которого вы ожидаете.

---

Трудно сказать точное использование случай из примера кода, но вы можете написать что-то немного чище, как это:

function Create(); 
Create.prototype = { 
    x: function(value) { 
     this["key_x"] = value; 
     return this; 
    }, 

    y: function(value) { 
     this["key_y"] = value; 
     return this; 
    }, 

    z: function(value) { 
     this["key_z"] = value; 
     return this; 
    } 
} 

var foo = new Create() 
    .x("hello") 
    .y("howdy!") 
    .z("hello");