javascript

JS 함수 - [Codestates] Section1

wlgus3 2022. 10. 21. 18:15

학습목표 

  • 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다.
  • 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다.
  • 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.
  • 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다.
  • 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.
  • 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

 

함수

 

 

라이브 

 

변수

let variabl= 'variable';

- var, let, const 등의 '키워드'를 통해서 변수 선언 할 수 있다. 

-var이 제일 먼저 나왔고  let이 신문법으로 등장해서 대부분 대체됨 -> var 사용 x 

-const로 선언한 변수는 재할당이 불가하다. 

 

const num3 = 3;

타입

- Javascript 에는 7개의 데이터타입 있다.

  1.  number
  2. string
  3. boolean
  4. undefined
  5. null
  6. symbol
  7. object ( 여기에 function도 포함 

string

-string 을 '' 나 "" 나 ``에 가둔다

- 백틱 (`)  -> 한/A + ₩ 함께 누름 

- 템플릿 리터럴 `백틱 안에다 두는것 ` -> 따옴표와 다르게 줄바꿈이 가능

 

Boolean

-0과 ''은 falsy하다 

-! 는 부정 의미

Undefined

변수가 아무것도 할당하지 않은 상태 

let str;

console.log(str);  // undifined  -> '초기화'라고 부름

Null

변수에 값이 없다는것을ㄹ 의도적으로 명시할 때 사용 

함수 

- 함수선언문 

function -> '키워드' ->컴퓨터가 함수를 만들고자 하는구나 알아들음 

 

- 함수 표현식 

let, const 변수선언 

function 함수선언문 

let, const  함수 표현식 

 

함수 만드는데 변수 키워드를 썼다? -> 함수 표현식 

 

-화살표 함수 

let dividBy3 = input => input / 3

 

 - 함수 () 안에 넣는 것 =' 매개변수 (parameter) ' / 호출시 () 안의 값 = ' 전달인자 (argument) '

- 매개변수 수 > 전달인자 수    -> 초기화됨 (undifined)

- 매개변수 수 > 전달인자 수    -> 초과 전달인자 무시 

 

- console.log 왜 사용할까 

우리가 내부의 값을 확인하기 위해서 '출력해줘' 와 같음    -> 함수 내부 console.log는 함수 호출해야만 출력됨 

 

-함수의 return 은 함수 외부에서 함수의 결과값을 사용하고 싶을 때, 결과값을 받기 위해서 쓴다.