티스토리 뷰
*학원에서 배운것을 정리하는 개인적인 공간입니다*
#사용자 정의 함수
- 4가지 형식의 문법
- 함수를 선언(만든다)했다고 해서 자동으로 그 함수의 코드가 계산되지 않는다.
- 함수는 선언한 후 호출( call 문 )을 해서 처리한다.
- 이벤트를 사용해서 호출하는 시점을 조율할 수 있다.
- 코드 중복의 최소화
1)기본/default 함수
function 함수명(){
//처리코드;
}
call : 함수명 ();
ex)
<script>
function calc(){
var num1=100;
var num2=10;
alert("두수의 합:"+ (num1+num2));
alert("두수의 차:"+ (num1-num2));
alert("두수의 곱:"+ (num1*num2));
alert("두수의 나눈 몫:"+ (num1/num2));
}
</script>
<body>
<a href="#" onclick="calc();">계산</a>
<!--on이 붙어있는 것을 이벤트 핸들러 라고한다. onclick=" call문 작성 "-->
</body>
2)매개변수를 갖는 함수
매개변수란? 함수안에 넣는 변수를 말한다.
function 함수명(매개변수1,매개변수2,...){
//처리코드;
}
call : 함수명( 값1, 값2, ...);
3)리턴값을 갖는 함수
function 함수명(){
//처리코드;
return 값; //리턴값
}
call : var 변수 = 함수명 ();
변수를만들어서 담아서 사용할 수있고, 연산도 가능하다. 1,2번은 변수에 담을 수 없다.
연산 시
function calc(){
var num1 = prompt('정수를 입력 하세요','');
var num2 = prompt('정수를 입력 하세요','');
return Number(num1)+Number(num2);//리턴값
}
var sum=calc() + 10;
4)매개변수와 리턴값을 갖는 함수
function 함수명(매개변수1,매개변수2,...){
//처리코드;
return 값;
}
call : var 변수 함수명( 값1, 값2, ...);
**** return이 없으면 함수끼리 계산을 할 수 없다. ****
'웹퍼블리셔_그린' 카테고리의 다른 글
| 180813_이벤트 (0) | 2018.08.14 |
|---|---|
| 180810_함수와 변수의 사용 / 객체(Obejct) (0) | 2018.08.10 |
| 180809_조건문과 반복문(if/switch/for/while/do~while) (0) | 2018.08.09 |
| 180807_javascript (0) | 2018.08.07 |
| 180724_overflow:hidden&float/pos&text-indent (0) | 2018.07.24 |