본문 바로가기

JAVASCRIPT

Javascript 함수 - function()

함수란

함수(function)란 스크립트 내에서 반복해서 사용할 수 있는 코드조각을 의미합니다.

어떤코드를 캡슐화해서 여러번 실행할 수 있게 해줍니다.

 

 

데이터 보내기

아래의 예제처럼 함수는 작성한 값을 밖으로 보낼 수 있습니다.

 

function functionName(){
  console.log("{}안에 작성하는 것들이 실행됨");
}

functionName(); //실행방법
functionName(); //실행하고 싶을때마다 언제든
functionName(); //실행할 수 있음

 

결과 화면

 

 

데이터 받기

아래의 예제처럼 함수는 밖에서 데이터(인자)를 받을 수도 있습니다.

변수에 들어가는 값을 인자라고 합니다.

 

function functionName(variable1, variable2){
  console.log("첫번째 변수1의 인자는 " + variable1 + "이고 두번째 변수2의 인자는 " + variable2 + "입니다.")
}

functionName("argument1", 2); //실행방법

 

결과 화면

 

 

아래의 예제는 객체안에서도 함수를 사용한것입니다.

 

const objectName = {
  property1: "value1",
  property2: function (variable) {
    console.log(variable);
  }
};

console.log(objectName.property1);
objectName.property2("value2");

 

결과 화면

반응형