함수는 특정 작업을 수행하기 위해 결합된 코드 조각입니다. 함수는 일반적으로 매개변수를 사용하여 외부 세계와 상호 작용합니다. 간결하고 효율적인 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!