시작하기에 충분한 JavaScript: #11 함수

코드(이야기)를 망치는 방법은 무엇입니까? ☠

👉 앞서 말했듯이 프로그래밍을 시작할 때 나는 DRY와 같은 코딩 원칙을 따르지 않는 것이 너무 어리석었습니다(반복하지 마십시오).

👉 "2개의 숫자를 3번 덧셈해야 하는 프로그램을 작성하라"라는 정의가 나에게 주어졌다.

👉 이전에 작성한 코드 :

var num1 = propmt("Enter no : ");
var num2 = propmt("Enter no : ");
var res = 0;
res = num1+num2;
console.log(res);
var num3 = propmt("Enter no : ");
var num4 = propmt("Enter no : ");
res = num3+num4;
console.log(res);
var num5 = propmt("Enter no : ");
var num6 = propmt("Enter no : ");
res = num5+num6;
console.log(res);

👉 이것은 초보자에게는 의미가 있지만 성능 최적화, 속도 및 코드 품질 측면에서 생각할 때 이것은 의미가 없습니다.

👉 그 후 함수라는 개념을 알게 되었습니다.

기능 :

👉 인터넷에 따르면 함수는 JavaScript의 기본 구성 요소 중 하나입니다. JavaScript의 함수는 작업을 수행하거나 값을 계산하는 일련의 명령문인 프로시저와 유사하지만, 프로시저가 함수로 자격을 갖추려면 일부 입력을 받고 다음 사이에 분명한 관계가 있는 출력을 반환해야 합니다. 입력과 출력.

👉 더 간단하고 명확하게 하기 위해 덧셈 3번에 대한 이전 정의로 이동하겠습니다. 따라서 우리가 말할 수 있는 것은 완벽한 함수는 3번 반복되는 코드를 내부 논리에 따라 3번, 30번 또는 심지어 300번 작동할 수 있는 간단한 코드 블록으로 줄이는 메커니즘이라는 것입니다. 함수는 단순히 재사용 가능한 코드를 작성하는 행위를 의미합니다.

함수 구문

👉 함수 만들기는 세 단계로 정의할 수 있습니다.

함수 정의: 프로그램에 함수가 있음을 컴파일러에 알립니다.

함수 본문: 함수가 호출될 때 실행될 코드 블록입니다.

함수 호출: 함수를 호출하면 해당 컨텍스트에서 함수 본문에 작성된 코드를 실행하도록 컴파일러에 알릴 뿐입니다.

어떻게 생겼나요?

👉 함수는 매개변수를 입력으로 받아 함수 본문에서 처리하고 returns 출력합니다.

👉 매개변수는 단순히 기능이 추가 프로세스를 위해 기대하는 입력 값을 의미합니다.

👉 인수는 해당 매개변수에 전달된 실제 값을 의미합니다.

👉 예시

// sum is name of function
// num1 and num2 are params
function sum(num1,num2){
    // function body
   var res = num1+num2;
   return res;
}

//2 and 5 are actual arguments
// function call ();
sum(2,5);
// outputs 7

규칙

👉 함수 이름은 고유해야 합니다.
👉 함수는 호출하기 전에 프로그램 어딘가에 정의되어야 합니다.
👉 함수는 매개변수를 받을 수도 있고 받지 않을 수도 있습니다.
👉 함수는 값을 반환할 수도 있고 반환하지 않을 수도 있습니다.
👉 함수는 필요에 따라 0에서 n개의 매개변수를 취할 수 있습니다.
👉 실행 중에 함수를 여러 번 호출할 수 있음
👉 Example of function without params and return statements

function greet(){
      console.log("Good Morning");
}

// can be called n number of times
greet();
greet();
greet();

더 최적화하자 😎

👉 덧셈 프로그램을 가져와 최적화된 코드로 변환합니다.

👉 in app.js

function sum()
{
      var num1 = +prompt("Enter no : ");
      var num2 = +prompt("Enter no : ");
      return num1+num2;
}

//calls function 3 times
for(var i=0;i<3;i++) {
      sum();
}

의심이나 피드백이 있으면 의견 섹션에 알려주십시오. 번성하는 개발자 커뮤니티에 시간을 할애하는 것은 항상 가치가 있습니다 :)

계속 코딩하세요 ❤

이봐, 연결하자👋

/Github