>웹 프론트엔드 >JS 튜토리얼 >JS 함수의 여러 매개변수 형식

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

autoload
autoload원래의
2021-03-31 17:13:223244검색

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: '前端' };
greet(person); // 'Hello, 前端'

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.