본문 바로가기

개발/03.Javascript

[Javascript] || 를 활용한 코딩 Tip

배경 : 회사 내 코딩 잘하는 분이 가이드 준 내용

내용 : javascript 내 조건 체크시   || 를 활용 한 팁 (블로그 검색하여 이력관리용 체크)

 

Example 1 : || 연산을 이용

function documentTitle(theTitle) {
​  if (!theTitle) {
    theTitle  = "Untitled Document";
  } else {
    theTitle = theTitle;
  }
}

보통은 위와 같은 형태로 처리해서, parameter로 넘어온 theTitle 값이 있는지 여부에 따라서 (undefined 역시 체크함), 있으면 그 값을 전역 변수에 넣고, 그렇지 않으면 문자열 "Untitled Document" 를 전역 변수에 넣는다. 실제 별거 아닌 작업이 이렇게 여러 라인을 보여주면서 불필요한 공간을 차지하게 된다. 이를 아래와 같이 처리하면 아주 간단한 방법으로 고급스러운 javascript를 구현할 수 있다.

function documentTitle(theTitle) {
  theTitle  = theTitle || "Untitled Document";
}

위와 같이 처리하면 우선은 앞의 논리 연산을 한다. 그렇게 되면 theTitle 이라는 parameter가 있는지 우선 확인하고 있으면 그 값을 전역 변수인 theTitle에 넣는다. 만약 parameter가 유효하지 않다면(null 이거나 undefined) "Untitled Document"라는 값을 전역 변수에 넣는다.

 

참고 : https://4urdev.tistory.com/13

728x90