'자바스크립트 getter'에 해당되는 글 1건

# [JavaScript] ES6 Getter Setter 사용법

 - JavsScript ES6의 Getter와 Setter를 사용한 데이터 초기화 및 출력 


var student = {
  fullInfo : "",
  name : "",
  grade : "",
  number : "",
  // student 정보 출력
  get getStudent(){
    return "name = >" + this.name + "grade = >" + this.grade + "number = >" + this.number;
  },
  // Property 'setPerson' implicitly has type 'any', because its set accessor lacks a parameter type annotation.
  // setter에 매개변수가 하나만 들어갈 수 있다.
  set setStudent(data){
    this.fullInfo = data;
    data = data.split(" ");
    this.name = data[0];
    this.grade = data[1];
    this.number = data[2];
  }
}

// setter를 사용한 초기화
student.setStudent = "김구 3학년 11번";
// ES6 객체 복사
var stu1 = {...student};
console.log(stu1.getStudent);

// setter를 사용한 초기화
student.setStudent = "포그바 1학년 1번";
// ES6 객체 복사
var stu2 = {...student};
console.log(stu2.getStudent);

// 객체 복사시 setter는 사용할 수 없게됨.
var stu3 = {...student};
console.log(stu3);

# 결과화면 

블로그 이미지

미나미나미

,