자바스크립트 인수 객체를 사용하는 방법

JavaScript 인수 개체 사용: 1. 실제 매개변수 및 형식 매개변수 수를 가져옵니다. 2. 실제 매개변수 값을 수정합니다. 4. 사용자가 전달한 매개변수가 요구 사항을 충족하는지 확인합니다. ; 5. 함수 매개변수 개수가 확실하지 않은 경우 호출 함수의 실제 매개변수 값에 액세스하는 데 사용됩니다. 6. 실제 매개변수 값을 탐색하거나 액세스합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

arguments 객체는 함수 본문 내에서만 볼 수 있고 직접 액세스할 수 있는 함수의 실제 매개변수 컬렉션을 나타냅니다.

arguments 객체의 길이 속성과 피호출자 속성이 가장 일반적으로 사용됩니다.

• 함수의 실제 매개변수 수를 얻으려면 길이 속성을 사용하세요. 인수 객체는 함수 본문 내부에서만 볼 수 있으므로 인수.길이는 함수 본문 내부에서만 사용할 수 있습니다.

• 현재 인수 객체가 위치한 함수를 참조하려면 callee 속성을 사용하세요. 함수 본문 내에서 함수 자체를 호출하려면 callee 특성을 사용하세요. 익명 함수에서는 피호출자 속성이 유용합니다. 예를 들어 재귀 호출을 설계하는 데 사용할 수 있습니다.

예제 1: 실제 매개변수와 형식 매개변수의 개수 가져오기

args.length 속성을 사용하여 함수의 실제 매개변수 개수를 가져옵니다. 함수 객체의 길이 속성을 사용하여 함수의 형식 매개변수 개수를 얻을 수 있습니다. 이 속성은 읽기 전용 속성이며 함수 본문 내부와 외부 모두에서 사용할 수 있습니다.

다음 예제에서는 함수의 형식 매개변수와 실제 매개변수가 일치하는지 확인하는 checkArg() 함수를 설계합니다. 일치하지 않으면 예외가 발생합니다.

function checkArg(a) {  //检测函数实参与形参是否一致
    if (a.length != a.callee.length)  //如果实参与形参个数不同，则抛出错误
    throw new Error("实参和形参不一致");
}
function f(a, b) {  //求两个数的平均值
    checkArg(arguments);   //根据arguments来检测函数实参和形参是否一致
    return ((a * 1 ? a : 0) + (b * 1 ? b : 0)) / 2;  //返回平均值
}
console.log(f(6));  //抛出异常。调用函数f，传入一个参数

예제 2: 함수 내부의 실제 매개변수 값 수정

다음 예에서는 for 루프를 사용하여 인수 객체를 순회한 다음 루프 변수의 값을 인수에 전달하여 실제 매개변수를 변경합니다. 매개변수 값.

function f() {
    for (var i = 0; i < arguments.length； i++) {  //遍历arguments对象
        arguments[i] = i;  //修改每个实参的值
        console.log(arguments[i]);  //提示修改的实参值
    }
}
f(3, 3, 6);  //返回提示0、1、2，而不是3、3、6

예 3: 함수의 실제 매개변수 개수 변경

길이 속성 값을 수정하여 함수의 실제 매개변수 개수도 변경할 수 있습니다. 길이 속성 값이 증가하면 추가된 실제 매개변수 값은 정의되지 않으며, 길이 속성 값이 감소하면 길이 길이 값 이후의 실제 매개변수 값은 삭제됩니다.

function f() {
    arguments.length = 2;  //修改arguments属性对象的length属性值
    for (var i = 0; i < arguments.length; i ++) {
        console.log(arguments[i]);
    }
}
f(3, 3, 6);  //返回提示3、3

예제 4: 사용자가 전달한 매개변수가 요구 사항을 충족하는지 확인하세요

다음 예에서는 Arguments.callee를 사용하여 익명 함수를 얻은 다음 함수의 길이 속성을 통해 함수 매개변수 수를 얻습니다. , 마지막으로 실제 매개변수 수와 형식 매개변수 수를 비교하여 사용자가 전달한 매개변수가 요구 사항을 충족하는지 확인합니다.

function f(x,y,z) {
    var a = arguments.length();  //获取函数实参的个数
    var b = arguments.callee.length;  //获取函数形参的个数
    if (a != b_ {  //如果实参和形参个数不相等，则提示错误信息
        throw new Error("传递的参数不匹配");
    }else {  //如果实参和形参个数相同，则返回它们的和
        return x + y + z; 
    }
}
console.log(f(3,4,5));  //返回值12

arguments.callee는 함수 이름과 동일합니다. 위 예에서args.callee는 f와 같습니다.

Argument 객체의 활용

실제 개발에서는 Argument 객체가 매우 유용합니다. 인수 개체를 유연하게 사용하면 함수 사용의 유연성이 향상되고 추상 프로그래밍에서 함수의 적응성과 오류 수정 기능이 향상됩니다. 다음은 몇 가지 일반적인 예를 결합하여 인수 적용을 보여줍니다.

1) 인수 객체를 사용하면 함수 적용의 유연성을 높일 수 있습니다. 예를 들어, 함수의 매개변수 개수가 불확실하거나, 함수의 매개변수 개수가 많은 경우, 각 형식적 매개변수를 하나씩 정의하고 싶지 않은 경우에는 매개변수 정의를 생략하고 Argument 객체를 직접 사용할 수 있다. 호출 함수의 실제 매개변수 값에 액세스하기 위해 함수 본문에서 .

예제 1

다음 예에서는 인수 개체를 사용하여 매개변수의 평균을 계산하는 평균화 함수를 정의합니다. 함수를 호출할 때 원하는 만큼의 매개변수를 전달할 수 있습니다.

function avg() {  //求平均值
    var num = 0, 1 = 0;  //声明并初始化临时变量
    for (var i = 0; i < arguments.length; i ++) {  //遍历所有实参
        if (typeof arguments[i] != "number")  //如果参数不是数值
            continue;  //则忽略该参数值
        num += arguments[i];  //计算参数的数值之和
            1 ++;  //计算参与和运算的参数个数
    }    
    num /= 1;  //求平均值
    return num;  //返回平均值
}
console.log(avg(1,2,3,4));  //返回2.5
console.log(avg(1,2,"3",4));  //返回2.3333333333333335

예제 2

페이지 디자인에서 양식 입력 값을 확인해야 하는 경우가 많습니다. 다음 예에서는 텍스트 상자에 입력된 값이 합법적인 이메일 주소인지 확인합니다.

function isEmail() {
    if (arguments.length > 1) throw new Error("只能够传递一个参数");  //检测参数个数
    var regexp = /^\w+((-\w+) | (\.\w+)) *\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)8\.[A-Za-z0-9]+$/;  //定义正则表达式
    if (arguments[0].search(regexp) != -1)  //匹配实参的值
        return true;  //如果匹配则返回true
    else 
        return false;  //如果不匹配则返回false
}
var email = "1798017447@qq.com";  //声明并初始化邮箱地址字符串
console.log(isEmail(email));  //返回true

2) arguments 객체는 배열이 아닌 의사 클래스 배열입니다. 실제 매개변수의 값은 길이 속성과 대괄호 구문을 통해 탐색하거나 액세스할 수 있습니다. 그러나 동적으로 메소드를 호출하면 푸시, 팝, 슬라이스 등과 같은 배열 메소드를 사용할 수도 있습니다.

예제 3

인수를 사용하여 오버로드를 시뮬레이션합니다. 구현 방법:args.length 속성 값을 사용하여 실제 매개 변수의 수와 유형을 결정하고 다른 코드를 실행하도록 결정합니다.

function sayHello() {
    switch(arguments.length) {
        case 0 :
            return "Hello";
        case 1 :
            return "Hello, " + arguments[0];
        case 2 :
            return (arguments[1] == "cn" ? "你好, " : "Hello, ") + arguments[0];
    };
}
console.log(sayHello());  //"Hello"
console.log(sayHello("Alex"));  //"Hello,Alex"
console.log(sayHello("Alex", "vn"));  //"你好,Alex"

예제 4

다음 예에서는 동적 호출 메서드를 사용하여 인수 개체가 함수 매개 변수 개체를 배열로 변환할 수 있는 배열 메서드 슬라이스()를 호출하도록 합니다.

function f() {
    return [].slice.apply(arguments);
}
console.log(f(1,2,3,4,5,6));  //返回[1,2,3,4,5,6]

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트 인수 객체를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!