-
함수 매개변수대신 객체구조화를 사용하자Javascript | Typescript 2022. 8. 5. 23:17
매개변수 사용시
function name(firstName,lastName , lastNameFirst = false, prefix) { if (!lastName) { return `안녕, ${firstName}`; } return `안녕 ${lastNameFirst ? lastName + firstName : firstName + ' ' + lastName}`; } name('시진') name('시진','유',true,'멋진') name('sam','smith',false,'Mr.')
객체구조화 사용시
function name({firstName,lastName , lastNameFirst = false, prefix}) { if (!lastName) { return `안녕, ${firstName}`; } return `안녕 ${lastNameFirst ? lastName + firstName : firstName + ' ' + lastName}`; } name({firstName : '시진'}) name({firstName : '시진', lastName :'유',lastNameFirst : true, prefix: '멋진'}) name({firstName : 'sam', lastName :'smith', prefix :'Mr.'})
단일 매개변수말고 객체 구조화를 사용하며 생기는 이점
- 명확하고 간결해진다.
- 함수관리시 이전 코드와의 호환성을 유지하기 쉽다.
- 명시적이므로 실수가 적어진다.
'Javascript | Typescript' 카테고리의 다른 글
브라우저 미지원 시 requestIdleCallback 직접 구현하기 (1) 2024.11.14 왜 생성자함수가 있는 걸까? (2) 2022.09.30 jwt 어떤 방식으로 컨트롤 해야하지? (0) 2022.08.10 [javascript] scope 란 , 예제 (0) 2022.07.26