javascript namespacing and pattern for OOP

Question

I want to try object oriented js, and I want to know which approach is better out of the two I am trying and why it is better please explain, If there are any other better approach please suggest me.

// Approch 1
var thisPage;
abc.forgotPassword = {
    init: function() {
        'use strict';
        thisPage.forgotPasswordFunctionality();
    },
    forgotPasswordFunctionality: function() {
        //some code
    }
};
$(function() {
    thisPage = abc.forgotPassword;
    thisPage.init();
});


// Approch 2
abc.forgotPassword = {
    init: function() {
        'use strict';
        abc.forgotPassword.forgotPasswordFunctionality();
    },
    forgotPasswordFunctionality: function() {
        //some code
    }
};
$(function() {
    abc.forgotPassword.init();
});

The second one because it doesn't depend on an assignment outside the function (i.e. thisPage = abc.forgotPassword;). — Felix Kling
– Felix Kling, Commented Oct 24, 2014 at 16:01

spongessuck · Accepted Answer · 2014-10-24 15:56:19Z

1

This isn't really object-oriented Javascript- you're just storing functions in an object.

If you want to make it more object-oriented, do something like this:

abc.ForgotPasswordHelper = function() {
    this.init = function() { ... }
    this.forgotPasswordFunctionality = function() { ... }
}

var helper = new abc.ForgotPasswordHelper();
helper.init();

answered Oct 24, 2014 at 15:56

spongessuck

1,0839 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

javascript namespacing and pattern for OOP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related