Chrome 개발자 도구(DevTools) 콘솔에서 JavaScript 함수를 호출하면 코드를 빠르게 테스트하고 디버깅할 수 있습니다. 콘솔을 열려면 F12 키를 누르거나 Ctrl + Shift + J(Windows) / Cmd + Option + J(Mac) 단축키를 사용하세요.
콘솔에서 함수 호출하기
콘솔 입력창에 함수 이름과 괄호를 입력한 후 Enter 키를 누르면 해당 함수가 즉시 실행됩니다. 객체의 메서드를 호출할 때는 점 표기법(dot notation)을 사용합니다. 다음 예제 코드를 확인해 보세요.
예제
<!DOCTYPE html>
<html>
<body>
<script>
var display = {
displayOne: function(){ return "displayTwo" ;}
};
console.log(display.displayOne());
</script>
</body>
</html>실행 결과
위 코드를 실행하면 display 객체의 displayOne() 메서드가 호출되어 반환값인 "displayTwo"가 콘솔에 출력됩니다. 이처럼 콘솔에서는 정의된 함수나 객체 메서드를 언제든 직접 호출하여 결과를 즉시 확인할 수 있습니다.