class (react native)

SallyJ ㅣ 2022. 9. 30. 13:52

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