그렇다면 함수와 메소드는 같은 것인가?

프롤로그 ... 이런! 도! 이런!



그것은 영화에서 나오는 무서운 비트 드롭과 같기로 되어 있었습니다... 신경쓰지 마세요.

안녕하세요, 환영합니다. 제 이름은 Marcelo Varela입니다. 이 블로그를 통해 코딩 마스터가 되기 위한 여정을 안내해 드리겠습니다. 제 블로그 중 호기심을 유발하거나 위기에 도움이 될 수 있다고 생각되는 블로그가 있다면 주저하지 말고 확인하세요!! 이 블로그에서 JavaScript의 작은 비밀을 알려드리겠습니다! 그 비밀은... 그리고 이 블로그가 끝날 때까지 그 이유를 알게 될 것입니다.

먼저 몇 가지 기능과 다른 유형에 대해 알아봅시다.

기능



좋아, 드라이브 인 펑션에서 이 카트에 바로 뛰어들 수 있습니다.



먼저 우리는 함수가 무엇인지 배웠습니다. 그렇다면 함수란 무엇인가? __프로그래밍에서 함수는 전체 코드에서 사용할 수 있는 코드 블록입니다. 그러나 여기에는 함정이 있습니다. 먼저 함수를 작성하는 4가지 유형의 방법을 알려드리겠습니다.

1. 함수 선언



자, 우리가 첫 번째 랩을 끝낼 때 #1 자동차(선언)는 코드의 아무 곳에나 배치할 수 있는 기본 기능이며 여기에 표시된 것처럼 호출되면 활성화됩니다.

racer1();

function racer1(){
  console.log("Im going for 1st place in today's race");
}

racer1();


함수 위와 그 아래에 있는 racer1 모두 작동하고 표시된 부분을 콘솔/터미널로 반환합니다.

2. 함수 표현



2번 자동차(익스프레션)가 랩 2를 마치면 이전의 예외가 발생합니다.

이 유형의 함수에서는 함수 호출 위나 전에 작성해야 합니다. 이 형태의 함수를 호출 아래에 놓으면 콘솔/터미널에서 오류가 발생합니다. 함수 표현식을 작성하는 방법의 예는 다음과 같습니다.

const racer2 = function(){
  console.log('Should I try to pass Mickelson on the next turn' );
}

racer2();


함수가 이 형식의 함수 호출 위에 있지 않으면 콘솔/터미널에서 오류가 발생합니다.

3. 기능 화살표



랩 3의 마지막 턴에서 2번 차량을 추월하려는 차량은 3번 차량(화살표)입니다.

함수 화살표는 함수를 작성하는 또 다른 방법일 뿐이며, 아래와 같이 표현식처럼 호출 앞에 배치해야 합니다.

let racer2Name = Clyde;
const racer3 = () => 'Im going to pass', ${racer2Name}, ', I know it';
console.log(racer3)


이는 함수를 작성하는 여러 가지 방법일 뿐이라는 점을 명심하십시오. 함수 내부의 코드를 특정 형식으로 다시 작성했다면 이전 함수를 사용하여 콘솔/터미널에서 동일한 결과를 얻을 수 있었습니다.

행동 양식



랩 4가 거의 끝나갈 무렵 자동차 #4(방법)는 뒤에서 올라와 그룹을 따라잡을 수 있음을 보여주기로 결정했습니다.

그래서... 블로그 시작 부분에서 말씀드렸던 비밀을 받아들일 준비가 되셨나요? 여기 있습니다: 방법... ae는 함수를 작성하는 또 다른 방법입니다. :):) 그들이 하는 일은 콘솔/터미널에 들어갈 때 함수에 능력이나 특정 작업을 제공하는 것뿐입니다. 예에는 .length , .toUpperCase 가 포함됩니다. 다음은 방법의 예입니다.


let name = Kirito 
racer4 = name.toUpperCase();
console.log(racer4);


.forEach 메서드



또 다른 주목할만한 방법은 .forEach입니다. 이 메서드는 호출될 때 함수에서 사용할 수 있는 모든 사용 가능한 용어 목록을 기록합니다. 다음은 이를 수행하는 방법의 예입니다.

let mainCharecters = ['Kirito', 'Clyde', 'Natsu', 'Gon', 'Kiliua', 'Asuna', 'Lucy']

const powerMode = (mainCharacters, index) => {
  console.log('${index} - My name is ${mainCharacters}')
}
mainCharacters.forEach(powerMode);


끝... 으흠! 브르마! 브르마!



이것이 들리나요, 노이즈 효과가 의미합니다. 좋아, 경주가 어떻게 끝났는지 말해 줄 수도 있을 것 같아. 4자 동점이었다. 각 자동차 또는 기능은 동시에 최고의 기능에 도달했습니다. 그것들은 모두 사용하는 것이 중요하고 어느 것도 다른 것보다 더 중요하지 않다는 것을 의미합니다. 결국 어떤 것을 언제 사용할지 선호하지 않습니다.

이 블로그에서 검토하기 위해 다음을 다루었습니다.


  • 기능이란,
  • 함수의 4가지 유형: Decelerations , Expressions , ArrowsMethods ,
  • .forEach로 알려진 특정 유형의 메서드입니다.

  • 이 블로그를 방문하여 확인해 주셔서 다시 한 번 감사드립니다. 대화를 원하시면 댓글로 저와 소통하시면 됩니다. 우리는 대화를 나눕니다. 팁이나 질문이 있는 경우 의견에 lmk를 입력하고 최선을 다해 질문에 답변해 주세요. 좋은 하루 또는 저녁 되세요!!! npxt one에서 만나요!!!

    자원


  • https://www.udemy.com
  • https://code.visualstudio.com
  • 좋은 웹페이지 즐겨찾기