Front end/JavaScript

[ javascript ] - 함수 알아보기

2023. 3. 21. 19:55
목차
  1. 함수에 대해 알아보자
  2. 함수란
  3. 함수선언문
  4. 함수표현식
  5. 함수 호출
  6. 매개변수와 전달인자
  7. return문

함수에 대해 알아보자

 

함수란

  • 입력에 따라 그에 걸맞은 작업을 하는 하나의 작업 단위
  • 논리적인 일련의 작업을 하는 하나의 단위

함수선언문

<함수선언문으로 정의한 함수>
function greeting () {
console.log('hello world')
};

함수표현식

<함수표현식으로 정의한 함수>
let greeting = function () {
console.log('hello world')
};

함수 호출

  • 왜 함수 호출을 하는지 : 함수 내부에 있는 코드는 함수를 호출 했을 때만 실행되기 때문
  • 함수를 정의할 때 지정한 함수명 뒤에 소괄호()를 붙이면 함수를 호출할 수 있다.
function greeting () {
console.log('hello world')
};
greeting() // 'hello world'

매개변수와 전달인자

  • 매개변수는 함수를 정의할 때 선언하고, 함수 코드 블록 안에서 변수처럼 취급된다.
function greeting (name) {
//name : 전달받은 인자가 매개변수에 들어와서 함수는 실행된다.
console.log('hello ' + name);
}
greeting('kimcoding');// 'hello kimcoding'
// 함수이름 () <- 괄호 안에 인자를 넣어 전달한다.

return문

  • 함수의 실행결과를 외부로 반환하는 방법
function add (x, y) {
return x + y; // 반환문
}
//함수를 호출하고 실행된 결과를 받아서 result 변수에 받는 방법
let result = add(3, 2) + add(5, 7);
console.log(result); // 17

'Front end > JavaScript' 카테고리의 다른 글

[ javascript ] - 객체 알아보기  (0) 2023.03.22
[ javascript ] - 배열 알아보기  (0) 2023.03.21
[ javascript ] - 반복문 알아보기  (0) 2023.03.21
[ javascript ] - 조건문 알아보기  (0) 2023.03.21
[ javascript ] - 변수/타입  (0) 2023.03.21
  1. 함수에 대해 알아보자
  2. 함수란
  3. 함수선언문
  4. 함수표현식
  5. 함수 호출
  6. 매개변수와 전달인자
  7. return문
'Front end/JavaScript' 카테고리의 다른 글
  • [ javascript ] - 객체 알아보기
  • [ javascript ] - 배열 알아보기
  • [ javascript ] - 반복문 알아보기
  • [ javascript ] - 조건문 알아보기
_moda
_moda
프론트엔드 개발 공부를 하고 있읍니다.
_moda
ModaLog
_moda
전체
오늘
어제
  • All Records
    • 취업 준비
    • TIL
    • Front end
      • HTML \ CSS
      • JavaScript
      • TypeScript
      • React
      • GIT
      • Node.js
      • 개발 지식
      • 면접 질문 공부
    • Boot Camp
      • code states
      • Project
    • 자료구조 \ 알고리즘 기법
    • Coplit
    • Programmers
    • 모다딥 공부 정리
    • 정보처리기능사

블로그 메뉴

  • 태그
  • 방명록

공지사항

  • 개발자로 가는 길

인기 글

태그

  • javascript
  • react
  • 코드스테이츠
  • CODE STATES
  • typescript
  • 타입스크립트
  • til
  • Coplit
  • 모던 자바스크립트 딥 다이브
  • 네트워크 기초

최근 댓글

최근 글

hELLO · Designed By 정상우.
_moda
[ javascript ] - 함수 알아보기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.