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));

 

'Web > HTML\CSS\JavaScript' 카테고리의 다른 글

[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

+ Recent posts