본고는 함수의 기본 구조, 매개 변수, 호출, 반환 값 등을 설명할 것이다.

소개

함수는 특정 작업을 수행하기 위해 설계된 코드 블록으로 임의의 횟수를 호출할 수 있습니다.그것은 프로그램의 불필요한 코드를 줄이고 코드를 모듈화하고 효율적으로 한다.

기능 요점

함수는 호출/호출될 때만 실행됩니다.

JavaScript에서 함수는 객체처럼 속성과 방법을 가질 수 있기 때문에 한 단계 객체입니다.

대상과 함수의 차이는 함수를 호출할 수 있지만 대상은 할 수 없다는 것이다.

우리는 함수에게 값을 전달할 수 있으며, 이 값은 함수 범위 내에서만 사용할 수 있다.

함수 정의

문법

자바스크립트 함수는 function 키워드로 시작하여 함수 이름, 괄호의 매개 변수 목록 (param1,param2...) 과 한 쌍의 괄호 {..} 를 따릅니다. 괄호에는 함수 문장이 포함되어 있고 함수체라고도 합니다.

function welcomeUser(name){
       alert("Hi!! Welcome Back");
} 

함수 이름은 알파벳, 숫자, 밑줄, 달러 기호를 포함할 수 있다.

함수 호출

함수에 쓰인 코드를 실행하기 위해서 우리는 함수를 호출해야 한다.괄호 뒤에 함수 이름을 써서 함수를 호출할 수 있습니다.

welcomeUser();  //will output "Hi!! Welcome Back" 

우리의 논리는 welcomeUser () 함수에 포함되어 있기 때문에, 우리는 필요에 따라 여러 번 그것을 다시 사용할 수 있다.

//Final Code
function welcomeUser(){
       alert("Hi!! Welcome Back");
}
welcomeUser();

기능 매개 변수

상기 예시에서 welcomeUser() 는 ”Hi!! Welcome Back” 에 경보를 보내는 기본 함수이지만, 이 함수에 더 많은 기능과 논리를 추가하기 위해 파라미터를 전달할 수 있습니다.

function welcomeUser(name) {
    alert("Welcome!!" + name );
}
welcomeUser("xyz");

상기 예시에서 welcomeUser(name) 함수는 괄호 안에name라는 매개 변수를 받아들인다. 이name 매개 변수는 이 함수의 국부 변수로 함수의 어느 위치에서든 사용할 수 있다.
위의 예시에서 우리는'xyz'의 값을 매개 변수로 welcomeUser 함수에 전달합니다. 이 함수는name 매개 변수를 통해 이 함수에 접근합니다.현재, 우리는 함수의 모든 위치에서name 매개 변수를 사용할 수 있습니다. 이 매개 변수는'xyz'값을 출력합니다.

매개변수 및 매개변수

그래서 우리 많은 사람들은 파라미터와 파라미터라는 두 용어에 대해 곤혹스러워한다.비록 그것들은 매우 비슷해 보이지만, 그것들 사이에는 매우 큰 차이가 있다.아래의 예를 봅시다.

let car1 = "audi"
let car2 = "bmw"
function carFunc(param1, param2) {
  console.log(param1, param2);
}
carFunc(car1,car2);

함수 매개 변수는 함수 정의의 변수로 괄호 () 안에서 쉼표로 구분됩니다.여기param1와 param2는 두 개의 매개 변수입니다.
다른 한편, 매개 변수는 함수 호출 기간에 전달되는 값이고,'audi'와'bmw'는 함수가 수신하는 두 개의 매개 변수이다.
매개 변수 (원어) 는 값에 따라 함수에 전달됩니다.함수가 매개변수의 값을 변경하면 실제 변수는 변경되지 않습니다.

function changeName(val){
  val = "xyz";       //this will not change the actual variable
}
let name = "abc";
console.log(name);  //"abc"
changeName(name);
console.log(name);  //"abc"

위의 예시에서 이름 변수 값은 함수에 전달되기 때문에 변경되지 않았습니다.
그러나 대상과 수조는 인용을 통해 전달된다. 즉, 그들의 메모리 위치는 인용을 통해 전달된다. 함수가 인용 대상의 속성을 바꾸면 함수 외부에서 볼 수 있고 전달의 실제 대상을 변경한다.아래를 살펴보겠습니다.

function changeName(obj){
   obj.name = "xyz"
}
let person = {
  name: "abc",
  age: 25
}
console.log(person.name) // "abc"
changeName(person);
console.log(person.name) // "xyz"

함수 반환값

JavaScript에서 함수는 항상 값을 반환합니다.반환 값이 지정되지 않으면 함수는 기본값을 반환합니다.
새 키워드 (구조 함수) 를 사용하여 함수를 호출하면 기본값은this 매개 변수의 값입니다. 그렇지 않으면 기본 반환값이 정의되지 않았습니다.

function sum(a,b) {
    let c = a + b;
}
sum(2,3);

sum 함수는 예상대로 되돌아온다undefined.

Return 키워드

return 키워드를 사용하여 함수에서 값을 되돌릴 수 있습니다.함수가 되돌아오는 값은 실제적으로 호출자 함수에 되돌아온 후에 즉시 사용할 수 있고 변수에 저장하여 더욱 사용할 수 있다.

function sum(a,b) {
    return a + b;
}

sum 함수는 두 입력 변수 a와 b의 총계를 되돌려줍니다.
이 함수를 실행하고 반환 값을 변수에 저장할 수 있습니다.

let c = sum(2,3);
console.log(c);   // Outputs: 5

return 문장에 대한 또 다른 재미있는 일은 함수 실행을 즉시 멈추는 것이다.

function checkAge(age){
   if(age > 20)
   {
     return true;
     console.log(age);
   }
}

위의 예시에서return 문장은 함수의 실행을 즉시 멈추고true로 되돌아옵니다.문장 컨트롤러 뒤의 줄을 되돌려줍니다.로그 (나이) 는 실행되지 않습니다.

출발 전:

함수는 대상

리턴 문장을 제공하지 않으면 함수는 기본값을 되돌려줍니다.

매개 변수는 함수 정의의 변수이고 매개 변수는 함수 호출 기간에 전달되는 실제 값이다.

다음 글에서 우리는 정의 함수의 서로 다른 유형과 작업 방식을 탐구할 것이다.
읽어주셔서 감사합니다.