programing

매개 변수와 함께 함수에 대한 참조를 어떻게 전달할 수 있습니까?

nasanasas 2020. 9. 10. 07:57
반응형

매개 변수와 함께 함수에 대한 참조를 어떻게 전달할 수 있습니까? [복제]


중복 가능성 :
JavaScript 함수 호출에서 인수를 어떻게 미리 설정할 수 있습니까? (부분 기능 적용)

주어진 매개 변수 집합을 사용하여 함수에 대한 참조전달할 수 있어야합니다 .

다음은 매개 변수 없이 참조를 전달하는 예입니다 .

var f = function () {
    //Some logic here...
};

var fr = f; //Here I am passing a reference to function 'f', without parameters
fr(); //the 'f' function is invoked, without parameters

이제해야 할 일은 동일한 f함수를 전달하는 것이지만 이번에는 참조에 매개 변수를 전달해야합니다. 이제 익명 함수로이를 수행하고 다음과 f같이 새로 생성 된 함수 내에서 매개 변수를 사용 하여 함수를 호출 할 수 있습니다 .

var f = function () {
        //Some logic here...
    };

var fr = function (pars) {
    f(pars);
}; //Here I am creating an anonymous function, and invoking f inside it

fr({p : 'a parameter'}); //Invoking the fr function, that will later invoke the f function with parameters

하지만 내 질문은 매개 변수가 있는 f함수에 대한 직접 참조를에 전달 fr하지만 익명 함수로 묶지 않고 전달할 수 있습니까?

f (1,2,3) 이 호출 될 때 실행되도록 fr매개 변수 ( fr()) 없이 호출 할 수 있도록 하려면 무엇에 할당해야 fr합니까?

[업데이트] 나는 다음에 제이슨 멧새 에의 대답은 여기 [정보 일부 기능 내가 찾던 정확히이 있고 자바 스크립트 함수 그는 게시물. 해결책은 다음과 같습니다.

function partial(func /*, 0..n args */) {
  var args = Array.prototype.slice.call(arguments).splice(1);
  return function() {
    var allArguments = args.concat(Array.prototype.slice.call(arguments));
    return func.apply(this, allArguments);
  };
}

당신이 추구하는 것은 부분 기능 적용 이라고 합니다 .

그와 태닝 사이의 미묘한 차이를 이해하지 못하는 것들에 속지 마십시오, 그들은 이다 다른.

부분 기능 응용 프로그램을 구현하는 데 사용할 수 있지만 커링 은 아닙니다 . 다음은 차이점에 대한 블로그 게시물 의 인용문입니다 .

부분 응용 프로그램이 함수를 가져 와서 더 적은 인수를 취하는 함수를 빌드하는 경우, currying은 각각 단일 인수를 취하는 함수의 구성으로 여러 인수를 취하는 함수를 빌드합니다.

이것은 이미 답변되었습니다.이 질문에 대한 답변을 참조하십시오. JavaScript 함수 호출에서 인수를 어떻게 미리 설정할 수 있습니까?

예:

var fr = partial(f, 1, 2, 3);

// now, when you invoke fr() it will invoke f(1,2,3)
fr();

다시 한 번 자세한 내용은 해당 질문을 참조하십시오.


Function 프로토 타입을 오버로드 할 수도 있습니다.

// partially applies the specified arguments to a function, returning a new function
Function.prototype.curry = function( ) {
    var func = this;
    var slice = Array.prototype.slice;
    var appliedArgs = slice.call( arguments, 0 );

    return function( ) {
        var leftoverArgs = slice.call( arguments, 0 );
        return func.apply( this, appliedArgs.concat( leftoverArgs ) );
    };
};

// can do other fancy things:

// flips the first two arguments of a function
Function.prototype.flip = function( ) {
    var func = this;
    return function( ) {
        var first = arguments[0];
        var second = arguments[1];
        var rest = Array.prototype.slice.call( arguments, 2 );
        var newArgs = [second, first].concat( rest );

        return func.apply( this, newArgs );
    };
};

/*
e.g.

var foo = function( a, b, c, d ) { console.log( a, b, c, d ); }
var iAmA = foo.curry( "I", "am", "a" );
iAmA( "Donkey" );
-> I am a Donkey

var bah = foo.flip( );
bah( 1, 2, 3, 4 );
-> 2 1 3 4
*/

다음은 두 번째 코드 블록과 동일합니다.

var f = function () {
        //Some logic here...
    };

var fr = f;

fr(pars);

If you want to actually pass a reference to a function to some other function, you can do something like this:

function fiz(x, y, z) {
    return x + y + z;
}

// elsewhere...

function foo(fn, p, q, r) {
    return function () {
        return fn(p, q, r);
    }
}

// finally...

f = foo(fiz, 1, 2, 3);
f(); // returns 6

You're almost certainly better off using a framework for this sort of thing, though.

참고URL : https://stackoverflow.com/questions/373157/how-can-i-pass-a-reference-to-a-function-with-parameters

반응형