Quick question about javascript

[GarettM]

I have been playing around with javascript for about a week now and I am starting to feel a little comfortable with it, still kinda weird but its not that bad, The hardest part I have been dealing with is classes in JavaScript, is there a proffered way on declaring classes? This is how I have been doing it so far...

/**
 * @constructor
 * @name Person
 */
var Person = function Person(name, age) {
    this.name = name;
    this.age = age || 0;
};
/**
 * @function
 * @name Person#getName
 */
Person.prototype.getName = function () {
    return this.name;
};
/**
 * @function
 * @name Person#setName
 */
Person.prototype.setName = function (name) {
    this.name = name;
};
/**
 * @function
 * @name Person#getAge
 */
Person.prototype.getAge = function () {
    return this.age;
};
/**
 * @function
 * @name Person#setAge
 */
Person.prototype.setAge = function (age) {
    this.age = age;
};
/**
 * Declaring a new Person as Ted with the name of "Ted" and age of "15"
 */
var Ted = new Person("Ted", 15);
//
var logmsg = "Created a new Object [ted] = Person(" + Ted.getName() + ", " + Ted.getAge() + ")";
// log to console
console.log(logmsg);
// log to html tag
var consolediv = document.getElementById('console');
consolediv.innerHTML = '<p>' + logmsg + '</p>';

And my other question what javascript resources or frameworks should I try to learn?

 

[Weasel]

ES6 brings a lot of great updates in JavaScript, and also in how you can work with classes. Do keep in mind that not every browser supports it yet. You could use something like Babel to transpile it to ES5.

This is quite a good read:

You must be registered for see links

 

[Adil]

ES6 brings a more familiar OO approach to JS but it's still a Prototypical language at heart

What I would suggest is trying out a variety of different styles, learning about prototypes and es6 and seeing what you feel comfortable with
You might wanna have a look at Typescript too

 

[RastaLulz]

As @Wess mentioned, ES6 has

You must be registered for see links

, although to get cross browser support you'll want to use

You must be registered for see links

for the foreseeable future (assuming you're building something for the browser, and not something you'd run server side).

If you wanted to make your pseudo-class slightly more like an actual class you could do the following:

/**
 * @constructor
 * @name Person
 */
var Person = function(name, age) {
   this.name = name;
   this.age = age || 0;
};

Person.prototype = {
  /**
   * @function
   * @name Person#getName
   */
  getName: function () {
   return this.name;
  },

  /**
   * @function
   * @name Person#setName
   */
  setName: function (name) {
    this.name = name;
  },
};

 

[GarettM]

As @Wess mentioned, ES6 has

You must be registered for see links

, although to get cross browser support you'll want to use

You must be registered for see links

for the foreseeable future (assuming you're building something for the browser, and not something you'd run server side).

If you wanted to make your pseudo-class slightly more like an actual class you could do the following:

/**
 * @constructor
 * @name Person
 */
var Person = function(name, age) {
   this.name = name;
   this.age = age || 0;
};

Person.prototype = {
  /**
   * @function
   * @name Person#getName
   */
  getName: function () {
   return this.name;
  },

  /**
   * @function
   * @name Person#setName
   */
  setName: function (name) {
    this.name = name;
  },
};

I thought about doing that, but doesn't that make it harder calling a method, from another method?

 

[RastaLulz]

I thought about doing that, but doesn't that make it harder calling a method, from another method?

Nope, you'd access the method like you'd expect in a class.

You must be registered for see links