[🌳javascript] data reference type/ constructor/

함수를 이용해 object를 변경하면 어떻게 될까?

let 이름입니다 ={ name:'lee'}
function 변경(obj){
  obj={name:'cho'}
}
변경(이름입니다)

이렇게하면 변경(이름입니다) 값으로 'lee'로 바뀌.....지 않는다.
왜??

파라미터는 일종의 변수처럼 생성되고 사라지는 존재라고 생각하면 된다. 여기서 obj 파라미터 자리에 이름입니다 라는 변수를 넣으면 변경(이름입니다)라는건변경(let obj=이름입니다)와 같다고 생각하면 된다.

let 이름입니다 ={ name:'lee'} // 'lee'를 바라봄

변경(let obj=이름입니다) // 'lee'를 바라봄

constructor

const 학생={
  name:'LEE',
  age:20,
} 

가 있다. 근데 이런 객체를 더 만들고 싶은 것이다.

const 학생2={...학생}

object 타입은 = 만 이용해서 그냥 복사하면 아주 큰일이 난다. 이건 화살표만 손에 꼭 쥐어주는 것이기 때문에, 내가 진짜 수정한 게 아닌데 수정이 될 수도 있다. 그래서 대신 ...이용해서 아예 새로운 값 만드는 법을 배웠었다.
근데 이런 걸 5백개 정도 만들고 싶네....? 그럼 이제 이런 식으로 만들다가는 내 손목이랑 그날 작별인사하는거다. 나의 손목은 소중하니께 오늘은 object들을 열심히 찍어내는 기계(constructor)에 대해서 배워보도록 하겠다.

constructor 만들 땐 function()이라는 함수 만드는 키워드와 this 만 잘 사용하면 된다. 그리고 constructor 이름은 관습적으로 대문자로 작성해준다. (보통의 일반 함수와 다르다는 의미로)

function Student(){
  this.name='LEE',
  this.age=20,
}

const 학생1=new Student()
const 학생2=new Student()

이런식으로 하면 이제 학생1도,학생2도 위에서 만든 학생이랑 또오오옥같은 객체안의 자료를 가지면서 독립적인 객체가 되었다.
만약 학생 안에 함수도 있었다면, 함수도 constructor 안에 넣어줄 수 있다.
참고-> 객체 자료 안에 함수 넣는 법

const 학생={
  name:'LEE',
  age:20,
  sayHi(){}
} 

혹은

const 학생={
  name:'LEE',
  age:20,
  sayHi: function (){}
} 

둘 중 원하는 걸로 골라서 잘 넣어주면 된다.
어쨌든 함수를 객체 안에 잘 넣었으면, constructor 안에서 사용하는 법은 다음과 같다.

function Student(){
  this.name='LEE',
  this.age=20,
  this.sayHi=function(){
  console.log(this.name+'이라고해')}
}
const 학생1=new Student()
const 학생2=new Student()

근데 죄다 똑같은 자료만 만들면 재미없으니, 새로 생성되는 객체에서 value 를 다르게 주고 싶으면 함수의 파라미터를 생각하면 된다.

function Student(이름,나이){
  this.name=이름,
  this.age=나이,
  this.sayHi=function(){
  console.log(this.name+'이라고해')}
}
const 학생1=new Student('Jo',28)
const 학생2=new Student('Kim',27)