[JS] 함수선언2

IT/JavaScript

[JS] 함수선언2

@욕심쟁이

2020. 7. 20. 10:27

1. 함수호출 시 값 전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태

- onclick="함수명()" -> script에서 function 함수명(){}

2. 함수호출 할 때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태

- onclick="함수명(전달할 값1, 전달할 값2)" -> script에서 function 함수명(전달받은 값1 , 전달받은 값2){}

- 전달할값과 전달받은값이 같다.

- 리턴값 없으면 생략가능

3.함수호출시 값 전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태
- onclick="alert('메세지(생략가능):'+함수명())

- return "리턴값 입력";

- 리턴값 호출

4. 함수호출할때 값 전달하고 함수내용 실행되고 결과값(리턴값)있는형태

- onclick="alert('메세지(생략가능):'+함수명(전달할 값1))">

-> script에서 function 함수명(전달받은 값1){}

- alert(전달할 값1)); // 전달할 값1 출력

- return "리턴값 입력";

- 리턴값 출력

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>함수선언2</title>

<script type="text/javascript">
	// 함수정의 
	//1. 함수호출시 값전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태
	
	function fun1(){
		alert("**********");
		return;// 결과값이 없으면 생략가능
	}

	//2. 함수호출 할때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태
	function fun2(a,b){
		alert(a);
		alert(b);
		alert("**********");
		alert("**********");
		return;// 결과값이 없으면 생략가능
	}
	
	//3.함수호출시 값전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태
	function fun3(){
	
		alert("커피 준비합니다.");
		return "커피";
		
	}
	
	//4. 함수호출할때 값전달하고 함수내용 실행되고 결과값(리턴값)있는형태
	function fun4(a){
		alert("받은동전:" +  a);
		alert("음료수 사이다를 전달하겠습니다.");
		return "사이다";
		
	}
</script>
</head>
<body>
	<h1>WebContent/js1/test4.html</h1>
	<input type="button" value="함수호출1" onclick="fun1()">
	<input type="button" value="함수호출2" onclick="fun2(500, 1000)">
	<input type="button" value="함수호출3" onclick="alert('리턴받은커피 :'+fun3())">
	<input type="button" value="함수호출4" onclick="alert('받은 음료수 : '+fun4(500))">
</body>
</html>

'IT > JavaScript' 카테고리의 다른 글

[JAVASCRIPT] 자식컴포넌트에서 부모로 사용시 뒤로가기 (0)	2021.09.30
[Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지 (0)	2021.06.07
[JS] 함수선언2 return 사용 (0)	2020.07.20
[JS] 함수선언1 (0)	2020.07.20
[JS] 변수 선언 (0)	2020.07.20

My Web Story