>  기사  >  웹 프론트엔드  >  JavaScript 함수를 사용하는 방법

JavaScript 함수를 사용하는 방법

不言
不言원래의
2018-12-17 13:52:062662검색

함수는 동일한 처리를 공동으로 정의하여 다양한 용도로 사용할 수 있도록 하는 것입니다. 다음 글에서는 JavaScript 함수를 사용하는 방법 함수를 사용하는 방법에서의 함수 사용법을 소개하겠습니다.

JavaScript 함수를 사용하는 방법 함수를 사용하는 방법

코드가 많으면 동일한 처리를 많이 해야 하는 경우가 있습니다. 복사하여 붙여넣으면 시간을 절약할 수 있지만 후속 작업에서는 코드가 매우 길어지고 불편해질 수 있습니다. 이번에는 동일한 처리를 함수로 정의한 다음 이 함수를 호출할 수 있으므로 코드가 매우 간결해 보입니다.

또한 이 함수에는 장점이 있습니다. 처리해야 하는 코드의 일부를 함께 변경해야 할 경우 한 곳만 변경하면 됩니다.

JavaScript 함수를 사용하는 방법 함수를 사용하는 방법에서 함수의 정의를 살펴보겠습니다

기본형

함수를 정의할 때 가장 먼저 필요한 것은 함수입니다. 그런 다음 함수 이름을 작성하고 필요한 처리를 {}에 작성합니다. 작성하는 가장 간단한 방법은 다음과 같습니다


<script>
function 函数名( ) {
  处理的代码
}
</script>

매개변수 및 반환 값

또한, 매개변수를 함수에 전달하려는 경우 , 괄호 안에 매개변수 이름을 넣어주세요. ","로 구분하여 필요한 만큼 매개변수를 추가할 수 있습니다. 따라서 동일한 처리를 수행하더라도 전달된 매개변수에 따라 컨텐츠를 처리할 수 있습니다.

또한 이 호출 함수의 처리 결과를 얻으려면 return 키워드를 사용하면 함수에서 처리한 결과 반환 값이 전달됩니다.

<script> 
function 函数名(参数1,参数2,...){ 
  处理的代码
   return 返回值; 
}
</ script>

함수형 프로그래밍을 사용한 구체적인 예

를 살펴보겠습니다. 먼저 변수를 사용하여 작성하고, 변수를 돈으로 정의하고, document.write를 사용하여 값에 따라 "rich man"이라는 문자열을 출력합니다. 투입된 돈에는 "보통 사람들"과 "가난한 사람들"의 세 가지 유형이 있습니다.

코드는 다음과 같습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript 함수를 사용하는 방법 함수를 사용하는 방법</title>
  </head>
  <body>
    <script>
      var money;
      if (money > 5000) {
        document.write("有钱人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("贫穷");
      }
    </script>
  </body>
</html>

위 코드를 기준으로, 입력된 금액에 따라 실행 결과는 "부자" 또는 "보통 사람" 또는 "가난함"이 됩니다. , 동일한 코드를 작성해야 합니다.

    <script>
      var money=10000;
      if (money > 5000) {
        document.write("有钱人");
      } else if (money > 3000){
        document.write("普通人");
      } else {
        document.write("贫穷");
      }
    </script>

변수 돈을 10000에 입력하면 출력 결과는 "부자"가 됩니다.


JavaScript 함수를 사용하는 방법 함수를 사용하는 방법

변수 돈을 4000에 입력하면 결과는 "보통 사람"이 됩니다. 투입된 돈의 가치가 2000이라면, 산출물은 "나쁨"이 될 것입니다.

그래서 var 돈의 값만 바꾸면 되고 다른 건 바꿀 필요가 없는데 이때 함수를 정의하면 코드가 훨씬 간단해집니다


보세요

함수 사용의 구체적인 예

여기서 함수 이름은 Judge입니다. 왜냐하면 입력 변수인 돈의 가치를 기준으로 '부자', '보통 사람', '가난한 사람'을 판단하고 싶기 때문입니다.

사실 함수에 어떤 정보가 전달되는지 알 수 없으므로 변수 Money를 사용하여 매개변수를 정의합니다. 이 함수는 Money 변수에 입력된 값을 기반으로 출력 값과 문자열을 변경합니다.

function judge(money) {
  if (money > 5000) {
    document.write("有钱人");
  } else if (money > 3000){
    document.write("普通人");
  } else {
    document.write("贫穷");
  }
}

이렇게 하면 지금까지 여러번 작성하고 반복했던 코드를 삭제하고 Judge라는 함수로 대체할 수 있습니다.

코드는 다음과 같습니다

<script>
  function judge(money) {
    if (money > 5000) {
      document.write("有钱人");
    } else if (money > 3000){
      document.write("普通人");
    } else {
      document.write("贫穷");
    }
  }

  var money = 10000;
  judge(money);
  var money = 4000;
  judge(money);
  var money = 2000;
  judge(money);
</script>

실행 결과는 다음과 같습니다


JavaScript 함수를 사용하는 방법

반환값을 이용해 return

document.write를 사용하지 않고도 판정 결과 문자열을 return할 수도 있습니다. . 이 경우 반환값 return을 사용하세요. 판정 결과 문자열 "rich", "ordinary", "poor"를 대입한 후 마지막으로 return을 사용하여 결과 변수의 값을 반환합니다.

코드는 다음과 같습니다

<script>
  function judge(money) {
    var result;
    if (money > 5000) {
      result = "有钱人";
    } else if (money > 3000){
      result = "普通人";
    } else {
      result = "贫穷";
    }
      return result;
    }
  var money = 10000;
  var result = judge(money);
  document.write(result);
  var money = 4000;
  var result = judge(money);
  document.write(result);
  var money = 2000;
  var result = judge(money);
  document.write(result);
</script>

실행 효과는 그대로 유지됩니다


JavaScript 함수를 사용하는 방법

마지막으로 간단히 살펴보겠습니다

로컬 변수란 무엇입니까

로컬 변수는 함수에서 정의된 변수를 말하며, 함수에서만 정의되는 변수입니다. 그 기능이 작동합니다.

"var 변수명"을 이용한 선언은 일반 변수와 다르지 않으나, 지역변수의 경우 함수 내에서 선언하게 됩니다.

위 내용은 JavaScript 함수를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.