Coffeescript 3 진 if 문이 틀린 논리

Question

return 함수에서 매우 단순한 논리를 가졌지 만 예상대로 작동하지 않습니다. 물론 코드를 약간 길게 만들고 문제를 해결할 수는 있지만 가능한 한 작게하고 싶습니다. 보시다시피이 #mainContent에서 #pageTitle을 발견하면

#Return title if exists or false otherwise 
getPageTitleFromMainContent = (mainContent) -> 
    mainContent.find('#pageTitle') ?.length ?= false 

if y = (getPageTitleFromMainContent $("#mainContent")) 
    y.css color:red 

, 그것이 빨간색해야한다 :

여기 내 코드입니다. 그러나 함수가 발견되면 #pageTitle을 반환하지 않고 .length를 반환합니다.

var getPageTitleFromMainContent, y; 

getPageTitleFromMainContent = function(mainContent) { 
    var _ref, _ref1; 
    return (_ref = mainContent.find('#pageTitle')) != null ? (_ref1 = _ref.length) != null ? **_ref1 : _ref.length = false : void 0;** 
}; 

if (y = getPageTitleFromMainContent($("#mainContent"))) { 
    y.css({ 
    color: red 
    }); 
} 

그리고 그것은 _ref : _ref.length = false : void 0;하지 _ref**1** : _ref.length = false : void 0;해야한다 : js2coffee.org에서

나는 코드로 컴파일되는 것을 알 수있다.

http://jsfiddle.net/X8VjJ/1/

감사합니다!

Answer 1

코드가 맞는지 확실하지 않습니다. 길이가 정의되지 않은 한 효과적으로 길이 속성을 할당하려고합니다. 정의 된 경우 length 속성을 반환하기 만하면됩니다. 코드와 동작이 올바른 것처럼 보이지만 실존 연산자와 반환 값에 대한 이해가 잘못되었습니다. 발견 된 요소를 리턴하려면 길이 점검과의 연결을 끊어야합니다.

아마 뭔가 같은 : 이안은 자신의 더 우아한 답변에서 설명하고있는 바와 같이

getPageTitleFromMainContent = (mainContent) -> 
    arr = mainContent.find('#pageTitle') 
    if arr.length then arr else false 

, 당신은 (항상 요소의 배열 때문에, 편곡 (가정 JQuery와)의 존재 연산자를 사용할 필요가 없습니다 발견되지 않으면 길이가 0입니다). 이후

$('#mainContent #pageTitle').css(color: 'red') 

, 그것은 이이되지 않는 경우는 #mainContent에서 #pageTitle을 발견하면

Answer 2

, 그것은 당신이 훨씬 간단하여이 작업을 수행 할 수

빨간색해야한다 #mainContent에 #pageTitle을 찾으면 빈 요소 집합 인 no-op를 변경하려고 시도합니다.

제시 한 코드는 실제로 의미가 없습니다. ?.은 불필요합니다. 일치하지 않으면 null 또는 undefined을 반환하지 않습니다. 빈 요소 집합을 반환합니다. 항상 length을 반환 할 것이므로 length에 따라 null 또는 undefined을 반환하므로 할당이 실행되지 않습니다. 어느 것이 좋을까요? 아마도 요소의 길이를 false으로 설정하고 싶지 않을 것입니다.

마지막으로, 이것은 3 진 if 문이 아닙니다. CoffeeScript의 삼항 if 문은 다음과 같습니다 : if foo then bar else baz.