<JS>class

yezee·2022년 12월 10일
0

JS

목록 보기
18/18
post-thumbnail

한줄요약: 비슷한 Object 많이 만들 일 있으면 class만들어쓰자!

이런 q,w에 각각의 기능들을 가진 캐릭터를 100개 만든다고 생각해보자

var nunu={
 q:"consume"
 w:"snowball"
}

var garen={
 q:"strike"
 w:"courage"
}

.
.
.
언제다함?

그래서 필요한것이 class이다

  • function 키워드로 만드는 방법
function hero(,더블류){
  this.q=this.w =더블류
}

var nunu =new hero("consume","snowball")
var garen =new hero("strike","courage")

this가 뭐에용?? 기계로부터 생성되는 Object(instance)

  • ES6 class 문법
class Hero{
  constructor(,더블류){
    this.q=;
    this.w=더블류
  }
}
var nunu =new Hero("consume","snowball")
var garen =new Hero("strike","courage")

prototype

상속기능을 구현할 수 있다(자식 object에게 데이터를 물려줄 수 있다)
약간 유전자 역할이라고 생각하면 쉽다

function hero(,더블류){
  this.q=this.w =더블류 
  this.name="kim"//여기다가 쓰면 자식이 {name:"kim"}직접가짐
}

hero.prototype.name="kim" //여기다가 쓰면 부모만 {name:"kim"}가짐

var nunu =new hero("consume","snowball")
var garen =new hero("strike","courage")

console.log(nunu.name) //"kim"
profile
아 그거 뭐였지?

0개의 댓글