JavaScript – 함수(1)

by


JavaScript - 함수(1) 1

스크립트를 작성할 때 유사한 작업을 수행하는 여러 위치에서 코드가 필요한 경우가 종종 있습니다.

사용자가 로그인하거나 로그아웃할 때 안내 메시지를 표시하는 등의 행위를 말합니다.

함수는 프로그램을 구성하는 가장 중요한 “구성 요소”입니다.

함수를 사용하면 유사한 작업을 중복 없이 여러 번 수행하는 코드를 호출할 수 있습니다.

'추천 관련글,

함수 선언

함수 선언 방법(함수 선언 방법을 함수 선언문이라고 함)을 사용하여 함수를 만들 수 있습니다.

function showMessage() {
    alert('Hello');
}

기능키워드, 함수 이름, 괄호로 묶인 매개 변수를 작성하여 함수를 선언할 수 있습니다.

위의 함수에는 매개변수가 없습니다.

매개변수가 여러 개인 경우 각 매개변수를 쉼표로 구분하십시오. 다음으로 함수를 구성하는 코드의 집합체인 “함수 본문”을 중괄호로 묶습니다.

function nama(parameter1, parameter2, ... parameterN) {
    // 함수 본문
}

새로 정의된 함수는 함수 이름 옆에 괄호를 추가하여 호출할 수 있습니다.

메시지 표시()어떻게

예:

function showMessage() {
    alert('Hello');
}

showMessage();
showMessage();

메시지 표시()로 함수를 호출하면 함수 본문이 실행됩니다.

위에서 메시지 표시두 번 전화를 했기 때문에 경고창이 두 번 뜹니다.

함수의 주요 목적 중 하나는 중복 코드를 피하는 것입니다.

경고 창에 표시되는 메시지나 메시지가 표시되는 방식을 변경하려면 함수 본문의 출력과 관련된 일부 코드만 변경하면 됩니다.

지역 변수

함수 내에서 선언된 변수인 지역 변수는 함수 내에서만 액세스할 수 있습니다.

예:

function showMessage() {
    let message="Hi"; // 지역변수

    alert(message);
}

showMessage(); // Hi

alert(message); 
// ReferenceError: message is not defined (message는 함수 내 지역 변수이기 때문에 에러가 발생합니다.

)

외부 변수

함수 내부에서는 함수 외부 변수인 외부 변수에 액세스할 수 있습니다.

let userName="YuNa";

function showMessage() {
    let message="Hi " + userNaem;
    alert(message);
}

showMessage(); // Hi YuNa

함수는 외부 변수에 접근할 수 있을 뿐만 아니라 외부 변수를 변경할 수도 있습니다.

예:

let userName="YuNa";

function showMessage() {
    userName="IU"; // (1) 외부 변수를 수정
    
    let message="Hi " + userName;
    alert(message);
}

alert(userName); // 함수 호출 전이므로 YuNa 출력

showMessage();

alert(userName); // 함수에 의해 IU 로 값이 변경

외부 변수는 지역 변수가 없는 경우에만 사용할 수 있습니다.

외부 변수와 같은 이름의 변수가 함수 내에서 선언되면 내부 변수는 외부 변수를 가리킵니다.

함수 내 외부 변수와 이름이 같은 지역 변수 사용자 이름선언된 외부 변수는 내부 변수에 의해 숨겨지며 해당 값은 변경되지 않습니다.

let userName="YuNa";

function showMessage() {
  let userName = "IU"; // 같은 이름을 가진 지역 변수를 선언합니다.



  let message="Hi, " + userName; // IU
  alert(message);
}

// 함수는 내부 변수인 userName만 사용합니다,
showMessage();

alert( userName ); 
// 함수는 외부 변수에 접근하지 않습니다.

 따라서 값이 변경되지 않고, YuNa가 출력됩니다.

◈ 글로벌 변수

위의 예에서 userName과 같이 함수 외부에서 선언된 변수를 전역 변수라고 합니다.

전역 변수는 동일한 이름의 지역 변수에 의해 가려지지 않는 한 모든 함수에서 액세스할 수 있습니다.

변수가 함수 내부에 있기 때문에 전역 변수를 선언하고 사용을 자제하는 것이 좋습니다.

상대적으로 새로운 코드의 대부분은 전역 변수를 사용하지 않거나 최소한으로만 사용합니다.

그러나 프로젝트 전체에서 사용되는 데이터를 전역 변수에 저장하는 것이 합리적인 경우가 있습니다.

매개변수

매개변수를 사용하여 임의의 데이터를 함수에 전달할 수 있습니다.

매개변수를 매개변수라고 합니다.

예 1: showMessage 함수는 매개변수입니다.

에서수업 텍스트가지다

function showMessage(from, text) { // 인자: from, text
    alert(from + ': ' + text);
}

showMessage('Yuna', 'Hi'); // Yuna: Hello!
 (*)
showMessage('Yuna', 'What's up'); // Yuna: What's up? (**)

(**)로 표시된 줄에서 함수가 호출되면 함수에 전달되는 인수는 지역 변수입니다.

에서 수업텍스트

copy to 그런 다음 함수는 로컬 변수에 복사된 값을 사용합니다.

예제 2: 글로벌 변수에서 , 해당 변수를 함수에 전달합니다.

기능에서 그러나 변화는 외부 변수입니다에서

function showMessage(from, text) {

  from = '*' + from + '*'; // "from"을 좀 더 멋지게 꾸며줍니다.



  alert( from + ': ' + text );
}

let from = "YuNa";

showMessage(from, "Hello"); // *YuNa*: Hello

// 함수는 복사된 값을 사용하기 때문에 바깥의 "from"은 값이 변경되지 않습니다.


alert( from ); // Ann

함수는 항상 복사된 값을 사용하기 때문입니다.

함수 매개변수에 전달된 값싸움

  • 그것은이라고.
  • 매개변수는 함수 선언(함수를 선언할 때 사용하는 용어)에서 괄호 사이에 있는 변수입니다.

인자는 함수를 호출할 때 매개변수에 전달되는 값(함수를 호출할 때 사용하는 용어)이다.

즉, 함수가 선언될 때 매개변수가 나열되고, 함수가 호출될 때 인수가 전달되어 호출됩니다.

showMessage 함수는 from과 text라는 두 개의 매개변수로 선언된 다음 from과 hi라는 두 개의 인수로 호출됩니다.