[ Javascript ] - Class와 Constructor

class 와 생성자 함수에 의한 객체 생성이 어떻게 다른지 차이를 확인해보고자 기록하기 📝

Constructor(생성자 함수)

function Person(name,first,second){
//생성자함수는 파스칼 기법 사용
  this.name = name;
  this.first = first;
  this.second = second;
}
Person.prototype.sum = function(){
  //프로토타입을 이용하여 복잡한 코드 단순화
	return this.first + this.second;
}
var kim = new Person('kim',10,30);
//new를 대입함으로써 객체를 리턴 -> Person함수는 일반적인 함수가아니라 constructor로 변경
// constructor 특징 
// 1.객체 생성
// 2.객체의 초기상태를 setting
console.log("kim.sum()",kim.sum());
console.log("Lee.sum()",Lee.sum());

Class

class Person{
//Person이라는 이름의 객체 생성
//class는 객체를 만드는 공장 - 
  constructor(name,first,second){
  	 //console.log('constructor');
    this.name = name;
    this.first = first;
    this.second = second;
  }
}
var kim = new Person('bosule',100,40);

console.log(kim);

출처: https://www.youtube.com/watch?v=LF23zkHIODQ