JS 함수의 여러 매개변수 형식-JS 튜토리얼-php.cn

JS 함수의 여러 매개변수 형식

autoload

풀어 주다： 2021-03-31 17:13:22

원래의

3175명이 탐색했습니다.

JS 함수의 여러 매개변수 형식

함수는 특정 작업을 수행하기 위해 결합된 코드 조각입니다. 함수는 일반적으로 매개변수를 사용하여 외부 세계와 상호 작용합니다. 간결하고 효율적인 JS 코드를 작성하려면 함수 매개변수를 마스터해야 합니다.
이 기사에서는 JS가 함수 매개변수를 효율적으로 처리하는 데 필요한 모든 기능을 설명하기 위해 몇 가지 흥미로운 예를 사용합니다.

1. 함수 매개변수

function sum(param1, param2) 
{    
    console.log(param1); // 1
    console.log(param2); // undefinedreturn 
    param1 + param2;
 }
 sum(1); // NaN

로그인 후 복사

호출 시 전달되는 매개변수 개수는 함수 정의 매개변수 개수와 동일해야 합니다. 물론 전달되는 매개변수 개수가 정의 매개변수 개수보다 적을 경우입니다. , 누락된 매개변수가 있으면 오류가 보고되지 않습니다.

2. 기본 매개변수

function sum(param1, param2 = 0) 
{   
 console.log(param2); //  0
 return param1 + param2;
 }
 sum(1);            // 1
 sum(1, undefined); // 1

로그인 후 복사

두 번째 매개변수가 전달되지 않으면 param2의 기본값은 0입니다.
두 번째 매개변수 sum(1, undefine)에 undefed를 설정하면 param2도 0으로 초기화되니 참고하세요.

3. 매개변수 분해

functiongreet({ name }) 
{  
    return`Hello, ${name}!`;
}
const person = { name: &#39;前端&#39; };
greet(person); // &#39;Hello, 前端&#39;

로그인 후 복사

4. 인수 개체

JavaScript 함수에는 인수 개체가 내장되어 있습니다. 인수 개체에는 함수 호출에 대한 인수 배열이 포함되어 있습니다. 이런 방식으로 가장 큰 매개변수

x = findMax(1, 123, 500, 115, 44, 88); 
function findMax() {
    var i, max = arguments[0];    
    if(arguments.length < 2) return max; 
    for (i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];        }
    }
    return max;}

로그인 후 복사

5의 값을 쉽게 찾을 수 있습니다. 나머지 매개변수

는 무한한 수의 매개변수를 배열로 나타냅니다.

function sumArgs() {
  console.log(arguments); // { 0: 5, 1: 6, length: 2 }
  let sum = 0;
  for (let i = 0; i < arguments.length; i++) {
    sum += arguments[i];
  }
  return sum;
}

sumArgs(5, 6); // => 11

로그인 후 복사

권장: "2021 js 인터뷰 질문 및 답변 (대요약)》

위 내용은 JS 함수의 여러 매개변수 형식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!