자바스크립트 에러

Question

백엔드 공부하면서 자바스크립트는 거의 초짜라서..손댄김에 쭉 만져보고는 있는데 잘 모르겠네요.기초부터 공부해야겠다는 생각이듭니다만.. 발등에 불씨를 끄고자 질문 합니다.위에 window.onload에서 try문 마지막줄에있는 update_time(now)가 호출이 안되는데 원인이 뭘까요(update_time 함수를 못찾음)window.onload에서 시간 값을 api로 한번 받아온 뒤 update_time함수를setTimeout으로 1초마다 재귀함수로 호출하는 구조인데설계 자체를 잘못했을까요..다른 언어랑 많이 달라서 잘 해결이 안되네요api를 1초마다 불러오면 해결은 되는데 성능상 문제가 되지 않을까요. 시간값 두개만 딱들어있습니다.....[내용생략] window.onload &#61; function () { (async () &#61;> { try{ data &#61; await getData(); now &#61; data.replaceAll(':','') console.log(now); digits.h1.attr('class', digit_to_name[now[0]]); digits.h2.attr('class', digit_to_name[now[1]]); digits.m1.attr('class', digit_to_name[now[2]]); digits.m2.attr('class', digit_to_name[now[3]]); digits.s1.attr('class', digit_to_name[now[4]]); digits.s2.attr('class', digit_to_name[now[5]]); update_time(now); } catch(e){ console.log(e) } })(); }; // Run a timer every second and update the clock setTimeout(function update_time(now) { try{ console.log(now); digits.h1.attr('class', digit_to_name[now[0]]); digits.h2.attr('class', digit_to_name[now[1]]); digits.m1.attr('class', digit_to_name[now[2]]); digits.m2.attr('class', digit_to_name[now[3]]); digits.s1.attr('class', digit_to_name[now[4]]); digits.s2.attr('class', digit_to_name[now[5]]); // Schedule this function to be run again in 1 sec setTimeout(update_time(now), 1000); } catch(e){ console.log(e) } }, 1000) ... [내용생략]

Clickin · Answer

setTimeout의 콜백에 기명 함수를 넘기셨으면 update_time 함수 이름은 setTimeout의 스코프에서만 참조가 가능하죠. 콜백으로 실행된 자기 자신도 찾지 못할겁니다.익명 콜백함수를 기명으로 만드는 것도 처음 보는 방식인데 이름의 의미가 없을겁니다.근본적으로 1초마다 실행하고 싶으면 그냥 setInterval 쓰시면 됩니다.※추가로 자바스크립트도 카멜케이스 언어라서 스네이크케이스는 권장되지 않습니다.

비정규분포 · Answer

async function update_time () { try{ let data &#61; await getData(); let now &#61; data.replaceAll(':',''); console.log(now); digits.h1.attr('class', digit_to_name[now[0]]); digits.h2.attr('class', digit_to_name[now[1]]); digits.m1.attr('class', digit_to_name[now[2]]); digits.m2.attr('class', digit_to_name[now[3]]); digits.s1.attr('class', digit_to_name[now[4]]); digits.s2.attr('class', digit_to_name[now[5]]); } catch(e){ console.log(e) } } window.onload &#61; async function () { // Initial update await update_time(); // Run a timer every second and update the clock setInterval(update_time, 1000); };직접 돌려보지 못해서 테스트는 못 함.자바스크립트, 웹개발 처음부터 튜토리얼 해가면서 차근차근 올라오세요.setTimeout으로 1초마다 재귀함수로 호출하는 구조인데올려주신 코드에 재귀함수 없어요. 그리고 재귀함수 현업에서 쓰면 얻어 맞아요.

자바스크립트 에러

2개의 답변

Q&A 목록