Javascript 조건부 판단 사용 팁 요약_javascript 팁

다음 코드를 고려하세요

if (node.nextSibling.className == ...) {
...
}

in node 또는 node.nextSibling이 비어 있습니다(null ) 오류가 반환됩니다. 따라서 일반적인 해결 방법의 코드는

if ((node) && (next = node.nextSibling) && ... ) {
...
}

입니다. 그러다가 조건이 하나 이상이라고 판단되면 코드는 다음과 같은 상황을 형성하게 됩니다

if (
(node) &&
(node.nextSibling) &&
(node. nextSibling) .className == ...)
... ) {
...
}

판단 조건이 계속 늘어남에 따라 코드가 매우 "추악"해집니다. .

조건 판단 표현을 단순화할 수 있는 작은 "트릭"이 있습니다. 대안으로 빈 객체({}) 또는 영(0)을 추가할 수 있습니다.

if ( next = (node ​​​​|| 0).nextSibling) ) {
...
}

그러면 위 코드는 이렇게 작성하면 됩니다

if (((node ​​​​|| 0).nextSibling || 0).className == ...) {
...
}

--Split--

개인적으로 위의 코드는 어떤 관점에서는 매우 간소화될 것 같습니다. 그러나 실제 일상적인 코딩 과정에서, 특히 여러 사람이 협력할 때 이러한 코드는 다른 개발자에게 특정 문제를 일으킬 수 있습니다.

Xiao Ma가 말했듯이 이미 특정 프레임워크를 사용하고 있다면 특정 문제를 자세히 분석해야 합니다. 예를 들어 위의 조건부 판단 코드는 YUI 코딩을 사용하여 사용할 수 있습니다.

YAHOO.util.Dom.hasClass(el, className)

은 위의 코드보다 더 간편하고 쉬워 보입니다. . 이해하다.