TechCodeview

자바스크립트 함수 작업을 수행하는 데 사용됩니다. 코드를 재사용하기 위해 JavaScript 함수를 여러 번 호출할 수 있습니다.

JavaScript 기능의 장점

JavaScript 함수에는 크게 두 가지 장점이 있습니다.

1. 코드 재사용성 : 함수를 여러 번 호출하여 코딩을 절약할 수 있습니다.
2. 코딩 감소 : 우리 프로그램을 컴팩트하게 만들어줍니다. 일반적인 작업을 수행하기 위해 매번 많은 코드 줄을 작성할 필요가 없습니다.

JavaScript 함수 구문

함수 선언 구문은 다음과 같습니다.

 function functionName([arg1, arg2, ...argN]){ //code to be executed } 

JavaScript 함수는 0개 이상의 인수를 가질 수 있습니다.

JavaScript 함수 예

인수가 없는 JavaScript 함수의 간단한 예를 살펴보겠습니다.

 function msg(){ alert('hello! this is message'); } 

위 예제의 출력

JavaScript 함수 인수

인수를 전달하여 함수를 호출할 수 있습니다. 인수가 하나인 함수의 예를 살펴보겠습니다.

 function getcube(number){ alert(number*number*number); } 

위 예제의 출력

반환 값이 있는 함수

값을 반환하는 함수를 호출하여 프로그램에서 사용할 수 있습니다. 값을 반환하는 함수의 예를 살펴보겠습니다.

 function getInfo(){ return 'hello javatpoint! How r u?'; } document.write(getInfo()); 

위 예제의 출력

JavaScript 함수 객체

JavaScript에서 목적은 함수 생성자 새로운 Function 객체를 생성하는 것입니다. 코드를 전역적으로 실행합니다. 그러나 생성자를 직접 호출하면 함수가 동적으로 생성되지만 보안되지 않은 방식으로 생성됩니다.

통사론

 new Function ([arg1[, arg2[, ....argn]],] functionBody) 

매개변수

인수1, 인수2, ...., 인수 - 함수에서 사용하는 인수를 나타냅니다.

함수본체 - 함수 정의를 나타냅니다.

JavaScript 함수 방법

설명과 함께 함수 메서드를 살펴보겠습니다.

JavaScript 함수 개체 예

실시예 1

주어진 숫자의 합을 표시하는 예를 살펴보겠습니다.

 var add=new Function('num1','num2','return num1+num2'); document.writeln(add(2,5)); 

산출:

 7 

실시예 2

제공된 값의 힘을 표시하는 예를 살펴보겠습니다.

 var pow=new Function('num1','num2','return Math.pow(num1,num2)'); document.writeln(pow(2,3)); 

산출:

 8