자바스크립트 심화 - 임시변수 지양하기

developer.do·2023년 9월 30일
0

자바스크립트

목록 보기
4/5
// 임시변수를 제거해야한다.
// 명령형으로 가득한 로직, 코드 유지보수가 어려움
// 하나의 함수는 한가지 역할만


// 해결책은 - 함수를 나누기 / 바로 return 하기 / 고차함수 사용하기 / 선언형으로 바꿔보기


const getElementss =() =>{
const result ={} // 임시객체
result.title = document.querySelector('.title')
result.text = document.querySelector('.text')
result.value = document.querySelector('.value')
return result
}



// 객체 상태로 리턴해버리기
// 단 하나의 역할만 할 수 있는 함수로 만들어야함
// 1보다는 2로 만들어야함
const getElements =() =>{
    const result ={
    title : document.querySelector('.title'),
    text : document.querySelector('.text'),
    value : document.querySelector('.value')
    }
    return result
}




// 아래와 같이 코드를 작성하면 굉장히 혼란해진다
// 명령형에 가까운 코드로 됨

const getSomeValue = (params) =>{
let  tempVal =''
for(let index = 0; index < Array.length; index++){
    temp = array[index]
 } 
}

0개의 댓글

관련 채용 정보