앞말

함수가 완전히 낯설다면 여기서부터 시작하십시오.

JS 함수 소개💻

릴리 미스라・ 20년10월15일・ 1분 읽기

#functional #codenewbie #javascript

개요

함수는 어떤 프로그래밍 언어에 대해서도 매우 심각한 주제이다.여기서 우리는 단지 가장 흔히 볼 수 있는 것들에 근거할 뿐이다❓이것은 내가 학생에게서 받은 것이다.

매개변수 및 인수값

function adder(num1, num2), num1, num2, adder(1, 2) 같은 것이 파라미터라는 것을 볼 수 있다.우리가 함수를 호출/호출/운행할 때, 상술한 매개 변수는 매개 변수에 귀속됩니다.따라서 1의 경우 num1 에 귀속되고 2 에 귀속됩니다.이 귀속은 함수의 전체 범위를 관통시킨다. 시작num2부터 끝{까지.

가변 매개 변수 함수

때때로, 우리는 무한한 매개 변수를 받아들일 수 있는 함수를 작성하기를 희망한다.우리는 rest 매개 변수 { 를 사용할 수 있다.그러면 모든 _ 매개변수를 가져와 매개변수에 배열로 바인딩합니다.

// nums will be an array.
function addManyNumbers(...nums) {
  // TODO: Use 'reduce' to add up and return all the numbers
}

// Send as many arguments as you want
addManyNumbers(1, 2, 3, 4, 5)

...

return에 포함되지 않으면 return 은밀히 반환됩니다.이것은 통상적으로 취할 수 없는 것이다.AMAP, 현식function을 포함해야 합니다.
그리고 이 undefined 값은 returnged 또는 다른 변수에만 귀속되어 나중에 사용할 수 있습니다.

function adder(num1, num2) {
  return num1 + num2
}

const sum = adder(1, 2);

화살표 구문

ES2015/ES6+부터는 입력을 줄일 수 있습니다.앞에서 설명한 대로 작성return👆🏽:

const adder = (num1, num2) => {
  return num1 + num2
}

만약 우리의 함수가 한 문장만 있다면, 우리는 은식log에 의존할 수 있다.이것은 우리가 adder, return, {, }을 제거하고 아름다운 "1-liner"를 만들었다는 것을 의미한다. return🤓.

기본 매개변수

우리는 함수를 호출하여 현시적으로 전달하지 않으면 기본값을 사용할 수 있도록 매개 변수에 기본값을 제공할 수 있습니다.

위에서 우리는 먼저 w/o의 모든 매개 변수를 호출합니다const adder = (num1, num2) => num1 + num2 및 1 이 두 개 사용됩니다.두 번째 상황에서 우리는 첫 번째 매개 변수2에 대해 우리 자신의 값을 전달했다.두 번째 매개변수만 기본값5을 사용합니다

방법

방법은 하나의 함수에 불과하며, 다른 대상 텍스트에서 작용역을 가지고 있습니다