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 |