변수 인수를 JavaScript 함수에 어떻게 전달합니까?

JavaScript 함수에 변수 인수 전달

JavaScript에서는 배열을 포함하여 가변 개수의 인수를 함수에 보낼 수 있습니다. 그러나 접근 방식은 Python의 *args 표기법과 다릅니다.

배열 사용:

배열을 함수에 인수로 전달할 때 단일 인수로 처리됩니다. 사용자 정의 루프를 사용하면 배열을 반복하여 해당 요소에 액세스할 수 있습니다.

var arr = ['a', 'b', 'c'];

var func = function() {
    // debug 
    console.log(arguments.length);
    //
    for (var i = 0; i < arguments.length; i++) {
        console.log(arguments[i]);
    }
};

func('a', 'b', 'c', 'd'); // prints 4, then 'a', 'b', 'c', 'd'
func(arr); // prints 1, then 'Array'

확산 구문(ES6):

ES6에서는 스프레드 구문을 도입했습니다. 함수에 대한 개별 인수인 배열 요소:

func(...arr); // prints 4, then 'a', 'b', 'c', 'd'

매개변수 목록(ES6 ):

또는 함수 매개변수 목록에서 직접 확산 구문을 사용하여 함수 인수에 대한 배열을 만들 수 있습니다.

function func(...args) {
    args.forEach(arg => console.log(arg));
}

const values = ['a', 'b', 'c'];
func(...values);
func(1, 2, 3);

임의 인수 전달:

사용된 방법에 관계없이 JavaScript를 사용하면 임의 개수의 인수를 function.

인수 길이 가져오기:

함수의 길이 속성에 액세스하여 예상 인수 수를 확인할 수 있습니다.

var test = function (one, two, three) {}; 
console.log(test.length); // 3

적용(레거시) 사용:

이전에는 Apply 메소드를 사용하여 배열을 함수의 인수로 전달하고 this를 설정할 수 있었습니다. value:

func.apply('test', arr);

그러나 이제는 단순성과 다양성으로 인해 스프레드 구문이 선호됩니다.

위 내용은 변수 인수를 JavaScript 함수에 어떻게 전달합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!