티스토리 뷰

Front, JavaScript

JavaScript) JS의 Callback 예제

os94 2019. 9. 13. 16:42 
<!DOCTYPE html>
<html>
<body id="start">
<ul>
    <li><a href="./532">html</a></li> 
    <li><a href="./533">css</a></li>
    <li><a href="./534">JavaScript</a>
        <ul>
            <li><a href="./535">JavaScript Core</a></li>
            <li><a href="./536">DOM</a></li>
            <li><a href="./537">BOM</a></li>
        </ul>
    </li>
</ul>
<script>
function traverse(target, callback){
    if(target.nodeType === 1){
        //if(target.nodeName === 'A')
        callback(target);
        var c = target.childNodes;
        for(var i=0; i<c.length; i++){
            traverse(c[i], callback);       
        }   
    }
}
traverse(document.getElementById('start'), function(elem){
    console.log(elem);
});
</script>
</body>
</html>

traverse 함수를 사용하며 2번째 인자로 익명함수를 전달하여, traverse 내부에서 Callback 함수가 실행되게 한다.

저작자표시

'Front, JavaScript' 카테고리의 다른 글

JavaScript) Fetch API와 FormData를 이용해 파일을 업로드 하기  (0) 2019.09.13
JavaScript) Youtube 재생목록 총재생시간 구하기  (0) 2019.09.13
JavaScript) prototype과 상속  (0) 2019.09.13
JavaScript) arguments / apply&call  (0) 2019.09.13
JavaScript) Closure (클로저)  (0) 2019.09.13
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/02   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함