How to call a function using object prototype in Javascript

Question

I had a doubt.Is this possible to call one function/method present inside one class using object prototype in Javascript ? If possible then can anybody make the below code correct.

(function(){
    window.Peer=function(){
        var peer=this;
        peer.getMessage=function(){
            alert("hello!!! This is very good site.")
        }
    }
})();


<button type="button" id="btn">Click here</button>
<script>
document.getElementById('btn').onclick=function(){
    Peer.prototype.getMessage();
}

The above code throwing error.Please give me some idea to resolve this.

you can run it as it using Peer(getMessage()) or Peer.call(getMessage()) — Daniel Cheung
– Daniel Cheung, Commented Jul 11, 2015 at 10:36
FYI you are getting an error because you haven't added the function to Peer.prototype — Jaromanda X
– Jaromanda X, Commented Jul 11, 2015 at 10:38

dandice · Accepted Answer · 2015-07-12 06:12:54Z

1

(function(){
    window.Peer=function(){}
    window.Peer.prototype.getMessage=function(){
        alert("hello!!! This is very good site.")
    }
})();
<button type="button" id="btn">Click here</button>
document.getElementById('btn').onclick=function(){
    var peer = new Peer();
    peer.getMessage();
}

you can treat Peer as an object

edited Jul 12, 2015 at 6:12

answered Jul 11, 2015 at 10:44

dandice

1793 silver badges13 bronze badges

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

1 Comment

satya Over a year ago

I know this but i want to use prototype.

SK. · Accepted Answer · 2015-07-11 10:50:55Z

Every first thing I would suggest you to read more about JavaScript Object

getMessage is a function attached with peer variable which has local scope. You can't access it from outside world unless you create a object of Peer.

<html>
<head>
<script>

(function(){
    window.Peer=function(){
        var peer=this;
        peer.getMessage=function(){
            alert("hello!!! This is very good site.")
        };
    }
})();

window.onload=function(){
    document.getElementById('btn').onclick=function(){
        var peer = new Peer();
        peer.getMessage();
    };
}
    </script>
    </head>

<body>
    <button type="button" id="btn">Click here</button>    
</body>
</html>

Collectives™ on Stack Overflow

How to call a function using object prototype in Javascript

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related