javascript

function 을 알아보아요 !

grovy 2023. 2. 27. 19:34
728x90

javascript 함수를 선언하는 방법을 알아보아요 ! 

선언적 함수 ! 

function func(){
	document.write("실행했어요");
}


funcArrow =() => {
	document.write("실행했어요 ")
}
//선언적 함수 를 화살표 표기법으로 표현 !

익명 함수 ! 

const func = function(){
	document.write("익명함수");
}
func();
//일반함수 호출로 익명함수 호출!
            
const funcArrow1 =()=>{
    document.write("익명함수");
}
const funcArrow2 =() =>document.write("익명 줄이기");
funcArrow1();
funcArrow2();
//에로우 표기법으로 익명함수 출력!

매개변수 함수 ! 

function func(str){
    document.write(str);
}
func("매개변수");
//매개변수가 있는 함수 출력!

funcArrow1 = (str) =>{
    document.write(str);
}
funcArrow2 = (str) => document.write(str);
funcArrow1("매개변수");
funcArrow2("매개변수");
//매개변수가 있는 함수 출력!

리턴함수 ! 

function func1(){
    const str1 = "리턴!"
    return str1;
}
document.write(func1());
//리턴값이 있는 함수를 출력!

const funcArrow1=() =>{
    const str2 = "리턴" ;
    return str2;
}
document.write(funcArrow1());
//리턴값이 있는 함수를 arrow표기법으로 출력!

함수호출을 하는 또다른 방법 ! 

//즉시 실행함수 onload시 실행
//console창에 hello 출력

(function (x) {
    console.log(x);
})("hello");

호출하는 방법은 정말 ! 다양해요! 다음시간에 알아보아요 !