What is the difference between traditional JavaScript objects and objects created using "new" keyword?

Question

I need to know the differences between these person1 and person2.

class Person {
  constructor(Firstname, Lastname) {
    this.Firstname = Firstname;
    this.Lastname = Lastname;;
  }
  display() {
    console.log(this.Firstname + " " + this.Lastname);
  }
}


const person1 = new Person("George", "Clooney");

const person2 = {
  Firstname: "George",
  LastName: "Clooney"
}

simple: the first line is not javascript while the following are just an object variable — Mister Jojo, Feb 16 '20 at 12:59
No : I've this error : **ReferenceError: Person is not defined** — Mister Jojo, Feb 16 '20 at 18:36
Nit: ‘new’ (and the related constructor and prototype chain) has been around since the inception of JavaScript, so it’s just as “traditional”. It is ‘class’, largely as a newer wrapper, which was introduced.. — user2864740, Feb 17 '20 at 06:30

score 0 · Answer 1 · answered Feb 16 '20 at 12:57

0

The first is instantiating a Person class, whereas the second is making an object. However, you have not provided anything about this Person class.

answered Feb 16 '20 at 12:57

Jacob

887
1
8
17

person class has a constructor which initialize the FirstName and the LastName. And it also has a display method. – Niroshan_Krish Feb 17 '20 at 03:46
`class Person{ constructor(Firstname,Lastname){ this.Firstname=Firstname; this.Lastname=Lastname;; } display(){ console.log(this.Firstname+" "+this.Lastname); } }` – Niroshan_Krish Feb 17 '20 at 03:49

What is the difference between traditional JavaScript objects and objects created using "new" keyword?

1 Answers1