TIL. 24 JavaScript - Class

Minjae ChoiΒ·2021λ…„ 6μ›” 14일
0

🎈 Class

  • 객체지ν–₯ ν”„λ‘œκ·Έλž˜λ° classκ°€ 핡심이 되며, ν”„λ‘œκ·Έλž¨μ„ κ°μ²΄λ“€λ‘œ κ΅¬μ„±ν•˜κ³  객체듀 간에 μ„œλ‘œ μƒν˜Έμž‘μš©ν•˜λ„λ‘ μž‘μ„±ν•˜λŠ” 방법이닀.

  • CSS의 classμ™€λŠ” μ „ν˜€ λ‹€λ₯Έ κ°œλ…μ΄λ©°, 객체λ₯Ό μƒμ„±ν•˜κΈ° μœ„ν•œ ν…œν”Œλ¦Ώμ΄λ‹€.

  • ν•¨μˆ˜μ²˜λŸΌ μ„ μ–Έν•  수 있고, μ€‘κ΄„ν˜Έλ₯Ό μ‚¬μš©ν•œλ‹€. ν•˜μ§€λ§Œ ν˜Έμ΄μŠ€νŒ…μ€ μΌμ–΄λ‚˜μ§€ μ•ŠλŠ”λ‹€.

  • 객체의 ν”„λ‘œνΌν‹° κ°’μ—λŠ” ν•¨μˆ˜λ₯Ό 넣을 수 μžˆλ‹€


πŸ“‹ Assignment

class MyMath {
constructor(num1, num2) {
this.num1 = num1
this.num2 = num2
}
// 2개의 숫자 인자λ₯Ό μœ„ν•œ μ •μ˜
getNumber() {
return [this.num1, this.num2]
}
// 배열을 κ°„λ‹¨ν•˜κ²Œ μ΄λŸ°μ‹μœΌλ‘œ ν‘œκΈ° ν•  수 μžˆλ‹€.
add() {
return this.num1 + this.num2
}
substract() {
return this.num1 - this.num2
}
multiply() {
return this.num1 * this.num2
}
}

const num = new MyMath(1, 2)
// ν•¨μˆ˜ 싀행을 μœ„ν•œ 호좜

console.log(num.getNumber())
console.log(num.add())
console.log(num.substract())
console.log(num.multiply())

0개의 λŒ“κΈ€