JavaScript/jQuery) debugger를 통해 코드 일정 부분 테스트하기

debugger 키워드

 debugger 위치에서 코드의 실행을 멈춘다. 단, 브라우저의 개발자 도구 창이 열려있을 때에만 멈춘다.  ES5부터 지원하는 기능이다.

---

 아래의 코드를 개발자 도구를 켠 상태로 실행하면 2번째 라인에서 실행이 멈춰서, 콘솔에 로그가 찍히지 않음을 볼 수 있다.

var sports = "스포츠";
debugger;
console.log(sports);

 

 debugger 코드를 테스트하고자 하는 코드의 중간 중간에 삽입함으로써 부분적으로 코드를 테스트할 수 있게 되는 장점이 있다.