본문 바로가기
  • Coding & Book
학습단/HTML+CSS+Javascript 학습단

10장 자바스크립트 함수 다루기

by 루이3 2023. 3. 21.

공부할 내용 (392~405쪽)

 

1.함수란?

-함수는 자바스크립트에서 어떤 목적을 가지고 작성한 코드를 모아 둔 블록문이다.

for (let i = 1; i<=9; i++) {
    console.log(`3*${i} = ${3*i}`);
}

 

2. 함수정의하기

-함수 선언문으로 함수 정의하기

형식)

function 식별자() {}

 

-함수 표현식으로 함수 정의하기

const 변수명 = function(){}//익명함수
const 변수명 = function 식별자(){}; // 네이밍함수

 

예시)

const gd = function naming(){
  for(let i = 1; i <= 9; i++){
    console.log(`3 * ${i} = ${3 * i}`);
  }  
};

 

-화살표 함수로 정의하기

형식)

() => {};

 

예시)

const gd = () => {
  for(let i = 1; i <= 9; i++){
    console.log(`3 * ${i} = ${3 * i}`);
  }  
};
gd();

 

3. 함수기능 확장하기

-매개변수

매개변수는 함수를 정의할 때 외부에서 전달하는 데이터를 함수에서 받을 수 있도록 정의하는 변수이다.

 

-인수

정의한 함수를 호출할때 소괄호 안에 전달하고 싶은데이터를 적는데 이를 인수라고 한다.

 

-return 문

함수를 호출할 때 데이터를 전달하려면 매개변수를 정의해야 하듯이, 함수 외부로 데이터를 반환할때는 return문을 사용해야한다.

function sum(num1, num2){  
    let result = num1 + num2; 
    return result;
  }
  const result = sum(10, 20);
  console.log(result);