How to Properly Access Class Properties in Javascript

Question

I have this class definition:

$.note = function() {}
$.note.prototype = {
  init: function(note) {
    this.note = note;
    this.ctrl = document.getElementById(note);
  },
  // I have these getter functions because I was getting errors using
  // myObject.note or myObject.ctrl
  getNote: function() {
    return this.note;
  },
  getCtrl: function() {
    return this.ctrl;
  }
}

I created a new object with this class like this:

var note = new $.note('C');

Which I can access in my console like this: Note

But when I try and access note.getNote(), I get undefined as the response: enter image description here

Am I going about accessing these properties incorrectly? I've tried using just note.note or note.ctrl, and I get the same thing...

The code you are putting in your init prototype is typically code you’d want in your constructor. — David Hellsing
– David Hellsing, Commented Dec 21, 2013 at 16:29

Pointy · Accepted Answer · 2013-12-21 16:15:04Z

7

Nothing's going to call that "init" function if you don't.

$.note = function(note) { this.init(note); }

Some frameworks provide an object system that uses constructor helper functions like that, but plain JavaScript doesn't.

answered Dec 21, 2013 at 16:15

Pointy

415k62 gold badges600 silver badges632 bronze badges

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

Comments

Ringo · Accepted Answer · 2013-12-21 16:17:41Z

2

Try this:

$.note = function(note) { this.note = note;}

or you should call init function:

var note = new $.note();
note.init('C');

answered Dec 21, 2013 at 16:17

Ringo

3,9973 gold badges26 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to Properly Access Class Properties in Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related