[JavaScript] Function

2020. 7. 25. 22:09·HTML+CSS+JS

Function

- 일련의 프로그램에 대해 이름을 붙인 것 

- 가독성을 높일 수 있음

- 유지 보수의 편의성이 급격히 높아짐 ex) 함수를 호출하는 곳이 1억개라면, 1억개가 동시에 바뀜

function f123(){
    console.log(1);
    console.log(2);
    console.log(3);
}
f123();
console.log('A');
f123();

 

Input

console.log(Math.round(1.6));    //2
console.log(Math.round(1.4));    //1

Math : javascript가 내장하고 있는 객체 (객체: 함수들을 관리하는 directory)

round : 반올림을 해주는 함수

round 함수를 살펴보면 입력값이 존재함 (1.6과 1.4)

 

function sum(first,second){		// parameter
    console.log(first+second);
}
sum(2,4);	//argument

입력값을 sum이 받기 위해서는 sum이 호출한 부분과 sum을 정의되어있는 부분 사이에 서로 매개되어있는 매개 변수 필요함

함수는 입력값을 받을 수 있고 그에 따라 다르게 동작할 수 있음

각각의 입력값 하나 하나를 argument(인자) 라고 함

argument를 받아서 함수안으로 전달해 주는 매개체를 parameter(매개변수) 라고 함

 

Output

위에서 작성한 sum함수와 JavaScript에 내장되어 있는 함수 Math.round 를 비교해 보면 sum 함수는 호출 할 때마다 해당 값이 출력이 됨

보기에는 sum 함수가 더 편하고 좋아보이지만 융통성이 떨어짐

출력되진 않고 값을 return하는 함수의 경우, console.log를 이용하여 화면에 출력할 수 있고, filewrite를 이용하여 파일에 출력할 수도 있음 또한 이메일로도 출력할 수 있음

return: (1) 어떤 값을 출력 (2) 함수 종료

function sum(first,second){
    return first+second;
}
console.log(sum(2,4));

 

저작자표시 비영리 변경금지 (새창열림)

'HTML+CSS+JS' 카테고리의 다른 글

[JavaScript] Object  (0) 2020.07.31
[HTML] form  (0) 2020.07.30
[JavaScript] Array data type  (0) 2020.07.25
JavaScript 기본 문법과 제어문  (0) 2020.07.21
[HTML] 기본문법 태그  (0) 2020.07.13
'HTML+CSS+JS' 카테고리의 다른 글
  • [JavaScript] Object
  • [HTML] form
  • [JavaScript] Array data type
  • JavaScript 기본 문법과 제어문
BS Kwak
BS Kwak
  • BS Kwak
    Slow but steady wins the race
    BS Kwak
  • 전체
    오늘
    어제
    • 카테고리 (161)
      • Project (2)
      • Next.js (3)
      • HTML+CSS+JS (17)
      • Computer Science (139)
        • Programming Language (52)
        • 자료구조와 알고리즘 (75)
        • Digital circuit (3)
        • 기타 error (9)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    mysql error
    c++error
    leetcode
    런타임 에러
    LNK2001
    오블완
    cmd error
    티스토리챌린지
    해시
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
BS Kwak
[JavaScript] Function
상단으로

티스토리툴바