[javascript] Promise에서 여러 값을 올바르게 반환하는 방법은 무엇입니까?

여기에 당신이해야한다고 생각하는 방법이 있습니다.

체인 분할

두 함수 모두 amazingData를 사용 하므로 전용 함수에 두는 것이 합리적입니다. 나는 일반적으로 일부 데이터를 재사용하고 싶을 때마다 그렇게하므로 항상 함수 인수로 존재합니다.

귀하의 예제가 일부 코드를 실행 중이므로 모두 함수 내에서 선언되었다고 가정합니다. 나는 그것을 toto () 라고 부를 것 입니다. 그런 다음 afterSomething () 및 afterSomethingElse () 둘 다 실행하는 또 다른 함수를 갖게됩니다 .

function toto() {
    return somethingAsync()
        .then( tata );
}

일반적으로 Promise를 사용하는 방법이므로 return 문을 추가 했음을 알 수 있습니다. 필요한 경우 계속 연결할 수 있도록 항상 promise를 반환합니다. 여기에서 somethingAsync () 는 amazingData 를 생성 하고 새 함수 내부의 모든 곳에서 사용할 수 있습니다.

이제이 새 함수는 일반적으로 processAsync ()도 비동기 에 따라 달라집니다 .

비동기가 아닌 processAsync

상황을 지나치게 복잡하게 만들 이유가 없습니다. processAsync () 가 비동기가 아닌 가 없습니다. 오래된 좋은 순차 코드가 그것을 만들 것입니다.

function tata( amazingData ) {
    var processed = afterSomething( amazingData );
    return afterSomethingElse( amazingData, processed );
}

function afterSomething( amazingData ) {
    return processAsync( amazingData );
}
function afterSomethingElse( amazingData, processedData ) {
}

다음과 같은 경우에는 중요하지 않습니다. afterSomethingElse () 가 비동기 작업을 수행 하지 않습니다. 그렇다면 promise가 반환되고 체인이 계속 될 수 있습니다. 그렇지 않은 경우 결과 값이 반환됩니다. 그러나 함수가 then () 에서 호출되기 때문에 값은 어쨌든 (적어도 원시 Javascript에서) promise로 래핑됩니다.

processAsync 비동기

경우 processAsync ()가 비동기 코드는 약간 다를 것입니다. 여기서 우리는 afterSomething () 과 afterSomethingElse () 가 다른 곳에서는 재사용되지 않을 것이라고 생각합니다.

function tata( amazingData ) {
    return afterSomething()
        .then( afterSomethingElse );

    function afterSomething( /* no args */ ) {
        return processAsync( amazingData );
    }
    function afterSomethingElse( processedData ) {
        /* amazingData can be accessed here */
    }
}

afterSomethingElse ()의 이전과 동일 . 비동기 일 수도 있고 아닐 수도 있습니다. 약속이 반환되거나 해결 된 약속으로 래핑 된 값이 반환됩니다.

---

당신의 코딩 스타일은 제가 사용하는 것과 매우 비슷해서 2 년이 지난 후에도 대답했습니다. 나는 모든 곳에서 익명 기능을 갖는 것을 좋아하지 않습니다. 읽기가 어렵습니다. 지역 사회에서 매우 흔하더라도. 우리가 교체 된 것과 같다 콜백 지옥 a로 약속 – 연옥을 .

나는 또한 그때 의 기능의 이름을 유지하고 싶습니다 짧게 . 어쨌든 로컬로만 정의됩니다. 그리고 대부분의 경우 다른 곳에서 정의 된 다른 함수 (재사용 가능)를 호출하여 작업을 수행합니다. 매개 변수가 하나 뿐인 함수에 대해서도 그렇게하므로 함수 시그니처에 매개 변수를 추가 / 제거 할 때 함수를 입력 및 해제 할 필요가 없습니다.

식사 예

다음은 그 예입니다.

function goingThroughTheEatingProcess(plenty, of, args, to, match, real, life) {
    return iAmAsync()
        .then(chew)
        .then(swallow);

        function chew(result) {
            return carefullyChewThis(plenty, of, args, "water", "piece of tooth", result);
        }

        function swallow(wine) {
            return nowIsTimeToSwallow(match, real, life, wine);
        }
}

function iAmAsync() {
    return Promise.resolve("mooooore");
}

function carefullyChewThis(plenty, of, args, and, some, more) {
    return true;
}

function nowIsTimeToSwallow(match, real, life, bobool) {
}

Promise.resolve () 에 너무 집중하지 마십시오 . 해결 된 약속을 만드는 빠른 방법입니다. 이것으로 달성하려는 것은 내가 실행하는 모든 코드를 단일 위치에서 실행하는 것입니다. 그때 . 더 설명적인 이름을 가진 다른 모든 함수는 재사용이 가능합니다.

이 기술의 단점은 많은 기능을 정의한다는 것입니다. 그러나 모든 곳에서 익명의 기능을 사용하지 않으려면 나는 필요한 고통입니다. 어쨌든 위험은 무엇입니까 : 스택 오버플로? (농담!)

---

다른 답변에 정의 된대로 배열 또는 객체를 사용하는 것도 작동합니다. 이것은 Kevin Reid가 제안한 답변입니다. 입니다.

bind () 또는 Promise.all ()을 사용할 수도 있습니다. . 여전히 코드를 분할해야합니다.

bind 사용

함수를 재사용 가능하게 유지하고 싶지만 내부 내용 을 매우 짧게 유지할 필요가 없다면 bind ()를 사용할 수 있습니다 .

function tata( amazingData ) {
    return afterSomething( amazingData )
        .then( afterSomethingElse.bind(null, amazingData) );
}

function afterSomething( amazingData ) {
    return processAsync( amazingData );
}
function afterSomethingElse( amazingData, processedData ) {
}

간단하게하기 위해 bind () 는 함수가 호출 될 때 args 목록 (첫 번째 항목 제외)을 함수 앞에 추가합니다.

Promise.all 사용

귀하의 게시물에서 spread () 사용에 대해 언급했습니다 . 사용중인 프레임 워크를 사용한 적이 없지만 사용 방법은 다음과 같습니다.

어떤 사람들은 Promise.all () 이 모든 문제에 대한 해결책이라고 생각하므로 언급 할 가치가 있다고 생각합니다.

function tata( amazingData ) {
    return Promise.all( [ amazingData, afterSomething( amazingData ) ] )
        .then( afterSomethingElse );
}

function afterSomething( amazingData ) {
    return processAsync( amazingData );
}
function afterSomethingElse( args ) {
    var amazingData = args[0];
    var processedData = args[1];
}

Promise.all ()에 데이터를 전달할 수 있습니다. 배열의 존재에주의 .하지만 promise가 실패하지 않으면 처리가 중지됩니다.

그리고 args 인자 에서 새로운 변수를 정의하는 대신 모든 종류의 멋진 작업을 위해 then () 대신 spread () 를 사용할 수 있어야합니다 .