return element.innerHTML 또는 element.innerText가 정의되지 않은 이유는 무엇입니까?

Question

왜 function(){ return element.innerHTML }은 undefined을 반환합니까?

var demo = document.getElementById('demo'); 
demo.innerHTML = endangeredSpecies("Europe", "Cave bear"); 

function endangeredSpecies(continent, species) { 
    var contin = document.querySelectorAll('[data-continent]'); 
    contin.forEach(function(div){ 
    if(div.getAttribute('data-continent') == continent){ 
       var children = [].slice.call(div.children); 
     children.forEach(function(child) { 
        if(child.getAttribute('data-species') == species) { 
       return child.innerText; 
       } 
      }) 
    } 
    }) 
} 

Fiddle

Answer 1

당신의 기능은, 아무것도 반환 값을 반환하지 않습니다 대해 forEach 내부 반환하지 않습니다. 변수에 할당하고

var demo = document.getElementById('demo'); 
demo.innerHTML = endangeredSpecies("Europe", "Cave bear"); 

function endangeredSpecies(continent, species) { 
    var contin = document.querySelectorAll('[data-continent]'); 
    var val; 
    contin.forEach(function(div){ 
    if(div.getAttribute('data-continent') == continent){ 
       var children = [].slice.call(div.children); 
     children.forEach(function(child) { 
        if(child.getAttribute('data-species') == species) { 
       val = child.innerText; 
       } 
      }) 
    } 
    }) 
    return val; 
} 

JSFIDDLE