js의 if 문에 대한 여러 가지 최적화 코드 작성 방법

일부 임시 테스트에 사용하지는 않았지만 여기에서 js를 아름답게 한다는 것을 알 수 있습니다. 어떤 사람들은 if 문이 그렇게 간단해서 어느 정도까지 최적화할 수 있다고 생각할 수도 있습니다. 하지만 다음 방법들을 살펴보시면 마음이 바뀔 수도 있습니다.

1. 일반적인 삼항 연산자 사용

if (foo) bar(); else baz(); ==> foo?bar():baz(); 
if (!foo) bar(); else baz(); ==> foo?baz():bar(); 
if (foo) return bar(); else return baz(); ==> return foo?bar():baz();

위의 삼항 연산자를 사용하여 if 문을 최적화하는 방법은 확실히 익숙할 것입니다. 아마도 자주 사용하게 될 것입니다.

2. and(&&) 및 or(||) 연산자 사용

if (foo) bar(); ==> foo&&bar(); 
if (!foo) bar(); ==> foo||bar();

솔직히 저는 이런 코드를 작성해 본 적이 없습니다. Bird's "Linux Private Kitchen"에서 봤지만, js로 구현할 생각은 못했어요.

3. 중괄호 생략 {}

if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

여러분과 저는 이 작성 방법에 익숙하지만 코드를 최적화할 때나 UglifyJS를 사용하여 문제를 해결할 때 이 방법을 사용하는 것이 좋습니다. 결국 중괄호가 하나라도 빠져 있으면 코드의 가독성이 높지 않습니다.

이 글을 쓰면서 jQuery의 아버지가 쓴 "JavaScript 마스터하기"에서 HTML 요소 속성을 얻는 방법이 생각났습니다.

function getAttr(el, attrName){ 
var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName; 
};

이렇게 작성하지 않으면 두 개의 if 문을 사용하여 처리해야 할 수도 있습니다. 위 코드는 간결하고 효과적일 뿐만 아니라 가독성도 높습니다.

잘 생각해 보면 문제를 해결하는 효과적인 방법을 찾을 수 있는 경우가 많지만, 더 나은 방법을 찾기 위해 부지런히 노력하는지가 핵심입니다.

js의 if 문에 대한 여러 가지 최적화 코드 작성 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!