Class method in javascript is not a function

Question

The answer must be obvious but I don't see it

here is my javascript class :

var Authentification = function() {
        this.jeton = "",
        this.componentAvailable = false,
        Authentification.ACCESS_MASTER = "http://localhost:1923",

        isComponentAvailable = function() {
            var alea = 100000*(Math.random());

            $.ajax({
               url:  Authentification.ACCESS_MASTER + "/testcomposant?" + alea,
               type: "POST",
               success: function(data) {
                   echo(data);
               },
               error: function(message, status, errorThrown) {
                    alert(status);
                    alert(errorThrown);
               }
            });
            
            return true;
        };
    };

then I instanciate

var auth = new Authentification();

alert(Authentification.ACCESS_MASTER);    
alert(auth.componentAvailable);
alert(auth.isComponentAvailable());

I can reach everything but the last method, it says in firebug :

auth.isComponentAvailable is not a function

.. but it is..

dm03514 · Accepted Answer · 2015-03-04 16:40:30Z

22

isComponentAvailable isn't attached to (ie is not a property of) your object, it is just enclosed by your function; which makes it private.

You could prefix it with this to make it pulbic

this.isComponentAvailable = function() {

edited Mar 4, 2015 at 16:40

answered Apr 17, 2013 at 15:03

dm03514

56.1k18 gold badges117 silver badges147 bronze badges

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

Comments

Stone Shi · Accepted Answer · 2013-04-17 15:27:25Z

4

isComponentAvailable is actually attached to the window object.

answered Apr 17, 2013 at 15:27

Stone Shi

1064 bronze badges

1 Comment

Steve H. Over a year ago

True, but you should have posted as a comment- not an answer

colestrode · Accepted Answer · 2013-04-17 15:03:52Z

2

isComponentAvailable is a private function. You need to make it public by adding it to this like so:

var Authentification = function() {
    this.jeton = "",
    this.componentAvailable = false,
    Authentification.ACCESS_MASTER = "http://localhost:1923";

    this.isComponentAvailable = function() {
        ...
    };
};

answered Apr 17, 2013 at 15:03

colestrode

10.7k3 gold badges32 silver badges43 bronze badges

Comments

Nolo · Accepted Answer · 2013-04-17 15:10:59Z

2

Another way to look at it is:

var Authentification = function() {
    // class data
    // ...
};

Authentification.prototype = {    // json object containing methods
    isComponentAvailable: function(){
        // returns a value
    }
};

var auth = new Authentification();
alert(auth.isComponentAvailable());

answered Apr 17, 2013 at 15:10

Nolo

8869 silver badges21 bronze badges

Collectives™ on Stack Overflow

Class method in javascript is not a function

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related