[section7:객체다루기] 클린코드 자바스크립트

김보나·2022년 9월 14일
0

javascript

목록 보기
10/12
post-thumbnail

LOOK UP TABLE

  • key와 value로 이뤄져있는 구조
//나쁜 코드
function getUserType(type){
	switch(key){
      case 'ADMIN':
       return '관리자';
      case 'INSTRUCTOR':
        return '강사'
    }

}


//클린코드
function getUserType(type){
const USER_TYPE={
ADMIN : '관리자',
INSTRUCTOR : '강사'
}
return USER_TYPE[type] || '해당없음';
}

객체분해할당

  • 다양한 곳에서 객체 분해할당이 많이 쓰임! 파라미터의 자유도를 높여주고 생략해도되는것과 아닌것들의 구분이 쉬워짐


//기존 코드
function Person1(name,age,loaction){
  this.name = name;
  this.age = age;
  this.location = location;
}

const poco1 = new Person1('poco',30,'korea');



//구조 분해 할당 사용
function Person(name,{age,location}){
  this.name = name;
  this.age = age;
  this.location = location;
}

const pocoOptions={
  age:30,
  location:'korea'
}

const poco = new Person('poco', pocoOptions)


  • 배열도 객체 처럼 사용하기!
  • 중간에 값을 생략하고 사용할 때도 편하게 사용할 수 있음.

const orders = ['First',' second','third'];

const st = orders[0];
const rd = orders[2];

const {0:st2, 2: rd2}= orders

console.log(st2); // First
console.log(rd2); // third

이번 강의는 기존에 알고있거나, 타입스크립트로 커버가 가능하거나, 아니면 어려워서 스킵한 강의들이 있었당

나중에 다시 듣고 내용 추가해야지

profile
우주최강 개발자가 될 때까지😈

0개의 댓글