Module pattern context issue

Question

How to access private variable "state" in the delete confirmation function. The "this" keyword points me to the window object.

var usersController = (function() {
  var state = {},

    init = function(defaultState) {
      state = defaultState;

      $(".btn-delete-row").on("click", function() {
        var recordId = $(this).attr("data-record-id");
        showDeleteConfirmation(recordId);
      });
    },

    showDeleteConfirmation = function(recordId) {
      //how to access state private variable here???
    };

  return {
    init: init
  };
}());

and I call it like this:

$(function() {
  usersController.init({
    urls: {
      deleteRecord: "...."
    }
  });
});

If I try to access state in the showDeleteConfirmation I get "ReferenceError: state is not defined" — gigi
– gigi, Commented Apr 2, 2017 at 16:30
Because state, init and showDeleteConfirmation are comma separated variables. (members and functions) — gigi
– gigi, Commented Apr 2, 2017 at 16:37
I don't see why it would work in init but not showDeleteConfirmation. Is it working in init? — jakeehoffmann
– jakeehoffmann, Commented Apr 2, 2017 at 16:48

charlietfl · Accepted Answer · 2017-04-02 17:30:39Z

1

The variable state is available anywhere inside usersController

Try:

showDeleteConfirmation = function(recordId) {
      console.log(state);
};

DEMO

answered Apr 2, 2017 at 17:30

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Module pattern context issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related