TIL - 함수에서 Return의 위치 / console.log 관련 참고사항

haileyself·2019년 8월 18일
1

Javascript session을 통해서 배운
함수에서의 Return 은 어디에 위치해야 하는지와
console.log를 찍을 때 참고해야 될 사항을
정리해보았습니다.

1. return의 위치 !

  • 함수 안에서 return을 넣는 경우에는 함수가 끝나는 곳에 넣어져야한다
  • why? return 이라는 말을 만나면 함수는 값을 내뱉고 끝나게 됨!
  • 해당 함수의 if 조건 안에 statement 실행 안됨 ! 왜? return하면 함수 끝 !

2. console.log

  • 코드를 짜고 나서 가장 중요한 것 ! console.log 찍는 습관 들이기
    개발자도구를 열어서 console.log(알고자하는 값);을 찍어보기

  • console.log () 란?
    자바스크립트에서 이전에 정의 된 변수들을 화면에 출력하거나 사용자에게
    보여줘야되는 어떤 메시지를 출력하기 위해서 사용하는 기능.

  • console이라는 객체의 log 함수라고 보면 된다.
    console.log() --> 괄호에는 어떤 것이든지 올 수 있다.
    (string / num / array / 객체 등)

    내가 변수를 잘 설정했는지, 해당 함수가 제대로 실행되고 있는지, 변수값이 어떻게
    변하고 있는지 이런것들을 확인해보기 위해서 console.log를 꼭 해보자 !
    console.log를 할 때 여러번 콘솔을 찍어보면 값이 헷갈리니깐

  • 디버깅(오류를 없애는 것)을 할때 가장 중요한 요소가 console을 쳐서 어디서부터가 문제인지 아는 것 !

    1) NaN : Not a number
    - 자바스크립트에서는 숫자 + string도 더하기 값이 계산 됨 !
    그러나 *(곱셈) 은 안됨 / 그럴 때 NaN이 뜨면, 숫자가 아니라 계산 못했어라고 나옴

    2) sth(변수이름) is not defined
    - 변수가 선언 된 적이 없는데 쓰면 뜨는 오류

    3) undefined
    - 인자로 아무것도 안보냈을 때 뜨는 오류 / 콘솔은 인자가 필요한데 () 괄호값에 아무것도 안넣어주면 undefined라고 뜸 undefined는 하나의 데이터 타입이다.
    - undefined type은 어떤 변수에 어떤 값도 할당되지않았을 때 undefined 라는 datatype을 사용 !

    4) sth(이름) is not a function

    • 함수가 아닌데 함수로 호출하면 뜨는 오류

console.log 시에 주의할 점 !

에러가 발생하기 직전의 위치에 console.log를 찍어보기
에러가 나면 해당 코드가 실행되지않고 종료되기때문에 console을 쳐서 어디가 문제인지 알아야 한다

profile
Keep on my way ! :)

0개의 댓글