함수와 메서드란 무엇입니까?

함수는 우리가 원할 때 언제든지 사용할 수 있는 코드 블록을 정의합니다. 함수는 무언가가 호출할 때 호출됩니다. 함수의 멋진 점은 코드를 한 번 정의하고 여러 번 실행할 수 있다는 것입니다. 메소드는 함수이지만 실행하는 방식이 다릅니다. 함수와 메서드에 대해 살펴봐야 할 몇 가지 주제가 있습니다.

함수 선언 및 표현식

우선 실제로 함수를 호출하지 않으면 함수가 실행되지 않으므로 함수를 실행하기 전에 호출하는 것을 잊지 마십시오. 선언된 함수는 나중에 사용하기 위해 저장되며 나중에 코드에서 실행됩니다.

function greet(){
  console.log('hello there');
}

표현식은 변수를 무언가와 같게 설정할 때입니다(함수 또는 다른 도구일 수 있음). 각 표현식 뒤에 세미콜론을 사용해야 합니다.

const speak = function(){
  console.log('good day!')
};

인수 및 매개변수

인수는 함수의 값을 취하여 다른 변수에 저장합니다. 인수의 순서는 인수의 순서와 일치해야 합니다(MUST). 매개변수 내부에 값을 정의할 수도 있습니다.

const speak = function(team = 'red sox', wins = 60){
   console.log(`the ${team} have ${wins} wins`);
}

반환 변수

반환 값이 작동하는 방식은 새 상수 내부에 출력 값을 저장하는 것입니다.

const calcArea = function(side){
  return side**2;
};

const area = calcArea(5);
console.log(area);

화살표 함수

화살표 함수는 일반 함수를 작성하는 더 간단한 방법입니다. 첫 번째 차이점은 매개변수가 하나만 있는 경우 매개변수 안에 괄호를 넣을 필요가 없다는 것입니다. 또한 리턴 라인이 하나인 경우 "return"키워드와 중괄호를 제거하고 텍스트를 화살표 옆으로 이동할 수 있습니다. 다음은 화살표 함수를 사용하여 정사각형의 면적을 찾는 예입니다.

const calcArea = side => side**2

함수 대 메서드

함수와 메서드에는 몇 가지 차이점이 있습니다. 함수는 브라우저의 어디에서나 호출할 수 있는 재사용 가능한 코드 그룹입니다. 이렇게 하면 동일한 코드를 반복적으로 작성할 필요가 없습니다. 반면에 메서드는 실제로 함수에 대한 개체 참조입니다.

기능:

const greet = () => 'hello';

let result = greet();
console.log(result);

행동 양식:

let result = name.toUpperCase();
console.log(result);

Foreach 메서드 및 콜백

forEach 메서드는 배열의 각 요소에 대해 한 번 함수를 호출합니다. 콜백은 함수를 인수로 전달하고 함수를 정의하고 주 함수로 다시 호출합니다.

let teams = ['red sox', 'heat', 'dolphins', 'hurricanes', 'saints'];

const logTeam = (team, index) => {
  console.log(`this team is ${team}`);
}

teams.forEach(logTeam);

결론

함수 및 메서드는 최소한의 코드 줄에 대해 여러 작업을 수행하는 데 사용됩니다. 기능이 없었다면 모든 명령이 너무 수동적이고 반복적이었을 것입니다. 사실 기능이 개발되지 않았다면 웹에서 아무 것도 탐색할 수 없었을 것이라고 생각합니다. 지난 한 달 동안 기능과 방법에 대해 너무 많이 배웠고 일부 프로젝트를 시작하기를 기다릴 수 없습니다.