Accessing properties/ methods from objects (javascript)

Question

I am a typical Java programmer with traditional OOPs knowledge. I am trying to learn JS now. I have learned that a function is JS is a first class object, like any other object it has properties and methods. based on this I have written following code:

function Note(name, text)
{
    this.name = name;
    this.text = text;

   function displayNote()
    {
       alert(this.text);
    }
}

I am now trying to access the displayNote function from the not object, with the follwing code:

var note = new Note("a", "c");
alert(note.displayNote);

But it alerts undefined. This may be due to the scope issue. So I tried with this:

function Note(name, text)
{
    this.name = name;
    this.text = text;

   function displayNote()
    {
       var self = this;
       alert(self.text);
    }
}

var note = new Note("a", "c");
alert(note.displayNote);

Still the same result. Any explanations?

this link may help for you concept of closures in javascript developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Closures — rk rk
– rk rk, Commented Apr 7, 2014 at 6:31

Amit Joki · Accepted Answer · 2014-04-07 06:27:28Z

2

You need to do:

function Note(name, text)
{
    this.name = name;
    this.text = text;

    this.displayNote = function()
    {
       alert(this.text);
    }
}

It is showing undefined, because you haven't defined the displayNote property.

Also, to call a function you need to do:

var note = new Note("a", "c");
note.displayNote();// it will automatically alert. Otherwise you'll have two alerts. The second one being undefined.

Live Demo

answered Apr 7, 2014 at 6:27

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

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

Comments

Aesthete · Accepted Answer · 2014-04-07 06:27:13Z

1

Try this.

this.displayNote = function()
{
   alert(this.text);
}

Now it's a property of the Note object. Plus I think you want to do this:

note.displayNote(); // Note the brackets to call.

answered Apr 7, 2014 at 6:27

Aesthete

18.9k6 gold badges38 silver badges46 bronze badges

Comments

Ram Mehta · Accepted Answer · 2014-04-07 06:28:48Z

0

In here with the code as

alert(note.displayNote);

You are calling the alert twice.

So please just call the function

note.displayNote();

answered Apr 7, 2014 at 6:28

Ram Mehta

5191 gold badge7 silver badges20 bronze badges

Comments

user3470953 · Accepted Answer · 2014-04-07 06:30:15Z

0

you can use like below

<script language="javascript" type="text/javascript">
<!--

person = new Object()
person.name = "Tim Scarfe"
person.height = "6Ft"

person.run = function() {
    this.state = "running"
    this.speed = "4ms^-1"
}

//-->
</script>

answered Apr 7, 2014 at 6:30

user3470953

11.4k2 gold badges19 silver badges18 bronze badges

Collectives™ on Stack Overflow

Accessing properties/ methods from objects (javascript)

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related