StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I create this API with JavaScript and break out the methods
text
Body
copied!<p>Let's say I wanted to have this API for an example to do app:</p> <pre><code>var db = new Database('db-name'); // DB connection var todo = new Todo(db); // New "Todo" and pass it the DB ref // I want this API: todo.model.create('do this', function (data) { console.log(data); }); </code></pre> <p>I have it setup currently like:</p> <pre><code>function Todo (storage) { this.storage = storage; }; Todo.prototype.model = { create: function (task, callback) { // The problem is "this" is Todo.model // I want the "super", or Todo so I can do: this.storage.save(task, callback); } } </code></pre> <p>So, if you see the comment, the problem is that "<code>this</code>" inside of <code>model.create</code> is obviously referencing <code>Todo.model</code>, but I need it to grab the "<code>super</code>".</p> <p>Best I could think of was:</p> <pre><code>Todo.prototype.model = function () { var self = this; return { create: function (task, callback) { // The problem is "this" is Todo.model // I want the "super", or Todo so I can do: self.storage.save(task, callback); } } } </code></pre> <p>But both of these aren't great. The biggest problem is that I don't want to have all my methods on <code>model</code> inside of a single object (1st example) or function (2nd). I want to be able to take them out from inside of the model def. Secondly, I'd like to have the <code>todo.model.create</code> API.</p> <p>Is there a design pattern to achieve this?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload