자바스크립트 펜스 조건판단_자바스크립트 스킬

다음 코드를 고려하세요

if (node.nextSibling.className == ...) {
...
}
node 또는 node.nextSibling이 null 인 경우 오류가 발생합니다. 반환됩니다. 그래서 일반적으로 해결 코드는

if ((node) && (next = node.nextSibling) && ... ) {
...
}
Then , 조건이 충족되면 하나 이상으로 판단되면 코드는 다음과 같은 상황을 형성합니다

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)
은 위의 코드보다 더 간소화되고 이해하기 쉬워 보입니다.