[HTML] 함수정리

함수 정리

<script>

	function func1(){ // 선언적 함수
		document.write('난 func1 함수야<br>');
	}
	
	func1();
	const myfunc = func1; //  func1 함수 객체 자체를 줌(주소를 넘겼다 이해)
	//    myfunc = func1()는 실행결과를 줌.
	myfunc();
</script>

---

<script>
	
function func2(arg1,arg2=20){ // arg2에 인자값을 안 주면 기본값 20
	let imsi = arg1 + arg2;
	return imsi;
}
let result = func2(1,2);
document.write('<br>',result);
	
let result2 = func2("마라 귀신","효림");
document.write('<br>',result2);

let result3 = func2(10);
document.write('<br>',result3);
	
function func3(){ // 매개변수가 없는 함수
	document.write("<br>매개변수 갯수:",arguments.length);
	document.write("<br>매개변수 갯수:",arguments[0]+arguments[1]);
	}
func3();
func3(3,4);
func3(3,4,5);
func3("kbs","mbc");
</script>

---

<script>
function hap(){
	if(arguments[0] === undefined) return;
	
	let tot =0;
	for(let i=0; i<arguments.length; i++){
		tot+=arguments[i];
	}
	return tot;
}

document.write('<br>hap:',hap(1,2,3));
document.write('<br>hap:',hap("안녕","반가워"));
document.write('<br>hap:',hap());
</script>

---

(function(){ document.write('<br이름이 없는 함수 : 익명함수'); })(); // 초기화 작업에 효과적
IIFE함수

<script>
let abc = function(n1,n2){ // 함수 표현식
	document.write('<br>두 수의 합 : '+ (n1+n2));
} // 어노미너스 함수를 변수에 치환하여 사용
abc(2,3);

document.write('<br>선언적 함수와 함수표현식의 차이---');
var v1 = 10; // hoisting O
let v2 = 20; // hoisting X

func4(); // 호이스팅 기능으로 선언 전에 사용해도 가능
function func4(){ // 선언적 함수 이면서, script 실행 전 준비단계에서 전역으로 선언이 됨
	document.write('<br>선언적 함수 수행 (처음부터 메모리가 확보됨)');
}
func4();

// sbs(); // Uncaught ReferenceError 참조할 값이 없다, 유람
let sbs= function(){ // 함수 표현식 : 실행흐름이 해당 함수에 도달 했을 때 그때 함수를 실행
	document.write('<br>익명 함수 수행(휘발성, 단발성, 동적)')
}
sbs();
</script>

---

<script>

document.write('<br>중첩(내부) 함수 수행');
function func5(){
	document.write('<br>func5 수행 성공');
	function fu1(){
		document.write('<br>fu1 수행');
	}
	function fu2(){
		document.write('<br>fu2 수행');
	}
	fu1();
	fu2();
}
func5();
//fu1(); // 호출 안돼. 내부 함수는 외부에서 호출불가

function func6(a,b){
	function innerfunc(x){
		return x * x;
	}
	return Math.sqrt(innerfunc(a)+innerfunc(b));
}
let re = func6(2,3);
document.write('<br>re : ',re);
</script>

---

<script>
document.write('<br>익명 함수 반환 -------');
function outer1(){
	document.write('<br>와우! outer1');
	return function(){
		document.write('<br><i>익명 함수를 반환</i>')
	}
}
outer1()(); // 함수를 리턴받았으니 실행하려면 괄호 필요

function outer2(name){
	let msg="매력 덩어리 " + name;
	return function(){
		document.write('<br>'+msg);
	}
}
outer2("서호")();
document.write('<br>');

let tvn = function(arg1){
	let ytn = function(arg2){
		return arg1 * arg2;
	};
	return "결과는 " + ytn(arg1);
}
document.write('<br>'+tvn(3));
</script>