class... 처음엔 java에서 내가 쓰던 클래스라고 생각했다...
공부하면 할수록 읭??? 싶어서 찾아봤다.
java script에서 class는 함수처럼 쓰인다고?
아... 벌써부터 헷갈린다....젠장
class Person {
constructor (gender, age) {
this.gender = gender;
this.age = age;
}
nationality(value = 'korea') {
console.log(value)
}
}
let korean = new Person('femail', 23)
console.log(korean) // {gender: 'femail', age: 23}
korean.age = 46
console.log(korean) // Person {gender: 'femail', age: 46}
korean.nationality(); // korea
class와 그 안에 있는 함수를 하나 만들었다.
class 안에 있는 constructor 는 class instance를 생성하고 생성한 instance를 초기화하는 역할을 한다.
class 밖에서 korean 이라는 변수를 하나 생성해주고, Person 클래스의 파라메터 값으로 'female' 과 23살을 주면 짜잔~
value를 변경하고 싶다면 korean.age = 46 을 통해 나이변경 완료!
korean.nationality() 를 통해서 만들어둔 함수에서도 성공~!
잠시만...
class 라면 혹시 implement 나 extends 도 가능한가??
오옷 가능하더라!!
class Parents extends Person {
constructor (gender, age, hometown) {
super(gender, age);
this.hometown = hometown;
}
nationality(value = 'italy') {
console.log(value)
}
}
let italian = new Parents('male', 56, 'rome')
console.log(italian) // {gender: 'male', age: 56, hometown: 'rome'}
italian.nationality(); // italy
'React Native' 카테고리의 다른 글
Props (React native) (0) | 2022.09.30 |
---|---|
State (React native) (0) | 2022.09.30 |
Arrow function (react native) (0) | 2022.09.30 |
rest operator, spread operator (react native) (1) | 2022.09.29 |
for ... in, for ... of 반복문 사용방법(react native) (0) | 2022.09.29 |