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

1. return의 위치 !

  • 함수 안에서 return을 넣는 경우에는 함수가 끝나는 곳에 넣어져야한다
  • why? return 이라는 말을 만나면 함수는 값을 내뱉고 끝나게 됨!
Ex.
    function addFirestAndLast(myArray) {
       return (myArray[0] + myArray[2]) ; 
        if(조건) {
        }
       else(조건) {
                } 
        }
  • 해당 함수의 if 조건 안에 statement 실행 안됨 ! 왜? return하면 함수 끝 !

2. console.log

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

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

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

    Ex1. var a = 2 ; 
         console.log(a); 
         --> 출력 값 : 2 ; 
    
    Ex2. var str = "coding";
    console.log(str) ;
         --> 출력 값 : coding

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

    console.log("이거는 처음 정한 변수", a); 
    이런식으로 "" (따옴표) 사이에 설명하는 말을 넣어보자 ! 
  • 디버깅(오류를 없애는 것)을 할때 가장 중요한 요소가 console을 쳐서 어디서부터가 문제인지 아는 것 !

    1. console.log 찍어서 나오는 오류의 종류

    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을 쳐서 어디가 문제인지 알아야 한다