[JavaScript] Class

ES6 2015부터 사용함.

• Getter, Setter
  • Getter
    
    

        class User{
        
        	constructor () {…}
        
        	getFullName() {
        
        		return fullName;
        
        	}
        
        }
        
        const firstUser = new User(’stan’, ’jang’)

일 경우 fullName을 불러오기 위해서는

    console.log(firstUser.getFullName()) 
    

이라고 해야한다. 하지만 getter를 이용해

    class User{
    
    	constructor () {…}
    
    	get fullName() {
    
    		return fullName;
    
    	}
    
    }
    

이라고 하면

    console.log(firstUser.fullname)
    

만으로 같은 결과를 얻을 수 있다.

• Setter
  

        class User{
        
        	constructor () {…}
        
        	get fullName() {
        
        		return fullName;
        
        	}
        
        }

에서 get은 읽어오기 위함이고, set은

    firstUser.fullName = ‘kid wonder’
    

처럼 할당해주기 위함이다.

    class User{
    
    	constructor () {…}
    
    	get fullName() {
    
    		return fullName;
    
    	}
    
    	set fullName(value) {
    
    		[this.firstName, this.lastName] = value.split(’ ‘);
    
    	}
    
    }
    

일 때,

    firstUser.fullName = ‘Kid Wonder’
    
    console.log(firstUser.fullName) // Kid Wonder
    

가 된다.

• 상속
  

    class B extends A {
    
      constructor() {

      	super()

      }
    
    }

일 때,

console.log(B instanceof A) // true;