(3) 함수

franchesca·2021년 3월 7일
0

JavaScript

목록 보기
3/7

Lesson - 함수

  • 알고리즘:
    작동이 일어나게 하는 내재하는 단계적 집합
    a process or set of rules to be followed in calculations or other problem-solving operations
  • 함수:
    작은 기능(function)의 단위
    ex) function mulTablePrinter(num) { console.log(num * 1) console.log(num * 2); }

What does function mean?

  • 지시사항/코드의 묶음 (버튼처럼 필요할 때마다 사용할 수 있음)
  • 입력-함수-출력의 과정
  • 입력과 출력간의 매핑(mapping)
  • 함수를 코드로 옮기면;
    keyword(function)
    name(함수 이름; mulTablePrinter)
    parameter(매개변수; num)
    : 함수 실행시 입력에 따라 바뀔 수 있는 변수지만, let 등의 키워드를 쓰지 않고 사용할 수 있음
    body({ ~ })로 구분됨
  • 호출 후에는 반드시 돌아온다 (return)
    : return은 함수 밖으로 결과를 반환 (출력)

How to use function

  1. 선언(declaration)
    ex) function cal(param1, param2) { console.log(param1 + param2); return param1 * 10; }
  • 버튼을 제작하는 것
  • 함수는 특별한 공간에 보관됨
  • 선언하는 방법은 2가지
    [함수 선언식]
    function myFunction(input) {
    // 컴퓨터에게 시킬 일
    }
    [함수 표현식]
    let myFunction = function(input) {
    //컴퓨터에게 시킬 일
    }
  1. 호출 (call, invocation)
    버튼을 사용하는 것
    ex) cal(10, 20);

Evaluation of expressions

1) 함수가 호출되면 특별 보관함에 저장된 함수의 코드가 조회된다
2) 함수 코드의 바디에 등장하는 parameter들은 함수 호출시에 전달된 인자의 값으로 바뀐다
3) parameter 평가가 완료되면 함수 코드가 순차적으로 실행된다
4) 함수가 리턴하면 호출된 장소로 돌아간다
5) 함수 호출 코드는 리턴 값으로 바뀐다

Self-check

  • 함수는 무엇인가요?
  • 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해하고 있나요?
  • 함수 선언과 호출의 기초적인 작동 원리를 이해하고 있나요?
  • 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있나요?
  • 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있나요?
  • 함수의 리턴은 무엇인가요?
  • 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있나요?
  • 매개변수(parameter)와 전달인자(argument)를 구분할 수 있나요?
profile
말하기 보다 생각하는, 생각하기보다 볼 줄 아는 개발자가 되려고 합니다✨

0개의 댓글