JavaScript 함수 사용에 대한 기본 튜토리얼_기본 지식

함수는 프로그램 어디에서나 호출할 수 있는 재사용 가능한 코드 세트입니다. 이렇게 하면 동일한 코드를 반복해서 작성할 필요가 없습니다. 이는 프로그래머가 모듈식 코드를 작성하는 데 도움이 됩니다. 대규모 프로그램을 몇 가지 작고 관리 가능한 기능으로 나눌 수 있습니다.

다른 고급 프로그래밍 언어와 마찬가지로 JavaScript는 함수를 사용하여 모듈식 코드를 작성하는 데 필요한 모든 기능을 지원합니다.

이전 장에서 Alert() 및 write() 함수를 보셨을 것입니다. 우리는 이러한 기능을 계속해서 사용하지만 핵심 JavaScript에서는 단 한 번만 작성되었습니다.

JavaScript를 사용하면 자체 함수를 작성할 수 있으며, 이 섹션에서는 JavaScript로 자체 함수를 작성하는 방법을 소개합니다.
기능 정의:

이전에 함수를 사용해봤기 때문에 함수를 정의해야 합니다. JavaScript에서 함수를 한정하는 가장 일반적인 방법은 function 키워드를 사용하고 그 뒤에 고유한 함수 이름, (비어 있을 수도 있는) 인수 목록, 중괄호로 묶인 명령문 블록을 사용하는 것입니다. 기본 구문은 다음과 같습니다.

<script type="text/javascript">
<!--
function functionname(parameter-list)
{
 statements
}
//-->
</script>

예:

여기에는 매개 변수를 사용하지 않는 sayHello라는 간단한 함수가 정의되어 있습니다.

<script type="text/javascript">
<!--
function sayHello()
{
  alert("Hello there");
}
//-->
</script>

함수 호출:

스크립트에서 함수를 호출하려면 다음과 같이 함수 이름을 간단히 작성하면 됩니다.

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

기능 매개변수:

지금까지 우리는 함수가 매개변수를 취하지 않는다는 것을 살펴보았습니다. 그러나 함수를 호출하는 동안 다른 매개변수를 전달하는 기능이 있습니다. 이러한 매개변수로 수행할 수 있는 모든 작업은 함수 내에서 캡처하고 처리할 수 있습니다.

함수에는 쉼표로 구분된 여러 인수가 있을 수 있습니다.
예:

sayHello 함수를 몇 가지 변경해 보겠습니다. 이번에는 두 개의 매개변수를 사용합니다:

<script type="text/javascript">
<!--
function sayHello(name, age)
{
  alert( name + " is " + age + " years old.");
}
//-->
</script>

참고: 연산자를 사용하여 문자열과 숫자를 모두 연결합니다. JavaScript는 숫자와 문자열을 신경 쓰지 않습니다.

이제 이 함수를 다음과 같이 호출할 수 있습니다.

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

반품 명세서:

JavaScript 함수에는 선택적 return 문이 있을 수 있습니다. 이는 함수에서 값을 반환하려는 경우에 필요합니다. 이 문은 함수의 마지막 문이어야 합니다.

예를 들어 두 개의 숫자 인수를 함수에 전달하면 호출 프로그램에서 곱해진 값이 함수에서 반환될 것으로 예상할 수 있습니다.
예:

이 함수에는 호출 프로그램에서 결합되어 결과를 반환하는 두 개의 매개변수가 있습니다.

<script type="text/javascript">
<!--
function concatenate(first, last)
{
  var full;

  full = first + last;
  return full;
}
//-->
</script>

이제 이 함수를 다음과 같이 호출할 수 있습니다.

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>