1
function 챔피언(q스킬, w스킬) {
2
  this.q = q스킬
3
  this.w = w스킬
4
}
5

6
const nunu = new 챔피언('잡아먹기', '눈덩이굴리기')
7
const garen = new 챔피언('돌격', '방패')
8

9
console.log('누누: ', nunu)
10
console.log('가렌": ', garen)

1
class 챔피언 {
2
  // constructor(생성자) = object 생성 기계
3
  constructor(q스킬, w스킬) {
4
    this.q = q스킬
5
    this.w = w스킬
6
  }
7
}
8

9
const nunu = new 챔피언('잡아먹기', '눈덩이굴리기')
10
const garen = new 챔피언('돌격', '방패')
11

12
console.log('누누: ', nunu)
13
console.log('가렌: ', garen)

1
// prototype === 유전자, 자동으로 추가됨
2
function 챔피언() {
3
  this.q = '잡아먹기'
4
  this.w = '눈덩이굴리기'
5
}
6

7
챔피언.prototype.name = '누누'
8

9
let nunu = new 챔피언()
10

11
console.log(nunu.name) // 누누
12
console.log(nunu) // 챔피언 { q: '잡아먹기', w: '눈덩이굴리기' }

1
let arr = [4, 2, 1]
2
let arr2 = new Array(4, 2, 1)
3

4
arr.sort()
5
arr2.sort() // [ 1, 2, 4 ]

1
Array.prototype.추가할함수 = function () {}
2
let numArr = [4, 2, 1]
3

4
numArr.추가할함수()

1
class Person {
2
  // class 중괄호 안에다가 변수처럼 만들면 됨 (let, const 키워드 X)
3
  // class 안에 만드는 속성을 필드(field)라고 부름
4
  data: number = 0
5
}
6

7
// Person이 모든 자식에게 data = 0을 하나씩 복사해줌
8
let john = new Person()
9
let kim = new Person()
10

11
console.log(john.data)
12
console.log(kim.data)

1
// class === object 복사기계
2
class Person {
3
  constructor() {
4
    // 'this.뭐시기'를 쓰려면 필드값을 만들어줘야 함
5
    this.name = 'kim'
6
    this.age = 20
7
    // error TS2339: Property 'age' does not exist on type 'Person'.
8
  }
9
}

1
class Person {
2
  // 필드 값이 정의되어 있어야 함
3
  name
4
  age
5
  constructor(a: string) {
6
    this.name = a // 'hello'라는 값이 this.name에 들어감
7
    this.age = 20
8
  }
9
}
10

11
new Person('hello')

1
class Person {
2
  // Person클래스의 prototype에 추가
3
  // 모든 Person의 자식들은 add 라는 함수를 이용가능
4
  add(숫자: number) {
5
    console.log(숫자 + 1)
6
  }
7
}

1
let car1 = new Car('소나타', 3000)
2
console.log(car1) // { model : '소나타', price : 3000 }
3
console.log(car1.tax()) // 300

1
class Car {
2
  model: string
3
  price: number
4
  constructor(a: string, b: number) {
5
    this.model = a
6
    this.price = b
7
  }
8

9
  tax(): number {
10
    return this.price * 0.1
11
  }
12
}
13

14
let car1 = new Car('소나타', 3000)
15
console.log(car1) // { model : '소나타', price : 3000 }
16
console.log(car1.tax()) // 300

1
class User {
2
  x = 10
3
}
4

5
class NewUser extends User {
6
  // User 클래스의 기능들 복붙해줌
7
}

1
class User {
2
  // 자식 클래스나 클래스 인스턴스에서 접근 가능
3
  public name: string
4

5
  constructor() {
6
    this.name = 'kim'
7
  }
8
}
9

10
let 유저1 = new User()
11
유저1.name = 'park'

1
class User {
2
  public name: string
3
  // 해당 클래스 이외의 위치에서는 접근 불가능
4
  private familyName: string
5

6
  constructor() {
7
    this.name = 'kim'
8
    let hello = this.familyName + '안뇽' // 가능
9
  }
10
}
11

12
let 유저1 = new User()
13
유저1.name = 'park' // public 가능
14
유저1.familyName = 456 // private라 접근 불가 에러

1
class Person {
2
  public name: string
3
  private familyName: string // private 속성
4

5
  constructor() {
6
    this.name = '메시'
7
    this.familyName = 'kim'
8
  }
9
  // private 속성을 바깥에서 수정하려면,
10
  // private 속성을 수정하는 함수를 class 안에서 만들어야 함
11
  // class 바깥에서 함수를 이용하면 간접적으로 수정가능
12
  changeSecret(lastName: string) {
13
    this.familyName = lastName
14
  }
15
}
16

17
let 집안 = new Person()
18
console.log(집안)
19
// 유저1.familyName = 'park'; // 그냥 private 속성을 수정하려면 에러남
20
집안.changeSecret('park')
21
console.log(집안)

1
class Person {
2
  name
3
  constructor(name: string) {
4
    this.name = name
5
  }
6
}
7
let 사람1 = new Person('john')

1
class Person {
2
  constructor(public name: string) {}
3
}
4
let 사람1 = new Person('john')

1
class User {
2
  // protected
3
  // - private와 동일하게 class 안에서만 사용이 가능
4
  // - User의 자식들도 함부로 사용이 불가능
5
  protected x = 10
6
}
7

8
class NewUser extends User {
9
  // x 속성이 private라면 접근 불가능
10
  // x 속성이 protected라면 접근 가능
11
  doThis() {
12
    this.x = 20
13
  }
14
}

1
class User {
2
  // x와 y는 User로 생성된 object들만 사용가능
3
  x = 10
4
  y = 20
5
}
6

7
let john = new User()
8
john.x // 가능
9
User.x // 불가능

1
class User {
2
  static x = 10 // static을 쓰면 자식에게 안물려줌
3
  y = 20
4
}
5

6
let john = new User()
7
john.x // 불가능
8
User.x // 가능

1
class User {
2
  static skill = 'js'
3
  intro = User.skill + '전문가입니다'
4
}
5

6
const 철수 = new User()
7
console.log(철수) // User { intro: 'js전문가입니다' }
8

9
User.skill = 'python' // python으로 수정
10

11
const 민수 = new User()
12
console.log(민수) // User { intro: 'python전문가입니다' }

1
class User {
2
  // static가 붙으면 자식들은 사용 불가능
3
  private static x = 10 // class 내부에서만 수정가능
4
  public static y = 20 // class 내부 외부 상관없이 수정가능
5

6
  protected z = 30
7
  // private 키워드와 유사하게 class 내부에서만 사용 가능
8
  // extends로 복사한 class 내부에서도 사용 가능
9
}

1
class User {
2
  private static x = 10
3
  public static y = 20
4

5
  // static은 class에 직접 부여되는 속성
6
  // static 속성을 수정하거나 가져다 쓰고 싶으면, '클래스명.속성명'
7
  static addOne(파라미터: number) {
8
    User.x += 파라미터
9
  }
10

11
  static printX() {
12
    console.log(User.x)
13
  }
14
}
15
User.addOne(3)
16
User.addOne(10)
17
User.printX() // 23

1
// 추상 class
2
abstract class Car {
3
  color: string
4
  constructor(color: string) {
5
    this.color = this.color
6
  }
7
  start() {
8
    console.log('시작')
9
  }
10
  abstract doSomething(): void // 추상 메서드 내부의 메서드
11
}
12

13
// 💥 Error : 'Car' 클래스에서 상속된 추상 멤버 'doSomething'을(를) 구현하지 않습니다
14
class BMW extends Car {
15
  constructor(color: string) {
16
    super(color)
17
  }
18
}

1
abstract class Car {
2
  color: string
3
  constructor(color: string) {
4
    this.color = this.color
5
  }
6
  start() {
7
    console.log('시작')
8
  }
9
  abstract doSomething(): void // 추상 메서드
10
}
11

12
// 추상 클래스를 상속받은 자식 클래스
13
class BMW extends Car {
14
  constructor(color: string) {
15
    super(color)
16
  }
17
  // 상속받은 자식 클래스에서 추상 메서드 기능 구현
18
  doSomething() {
19
    alert(3)
20
  }
21
}