Ember에서 약속 작성하기

Question

Ember에서 약속을 작성하는 데 문제가 있습니다. here에서 신인 실수 # 1에 이어 내가 쓴 다음 findRecord가 해결 될 때

return $.getJSON('config.json', (data) => { 
    //some code here... 
    return data; 
}).then(() => { 
    return this.get('store').findRecord('staffMember', 13); 
}).then(record => { 
    console.log(record); 
}); 

내가 두 번째 then 알고있는 것처럼

만 호출해야하고 검색 기록을 표시해야합니다. 대신 콘솔에 약속을 보여줍니다. 왜?

Answer 1

당신은 jQuery와 Ember 's (RSVP) 약속 사이의 (어느 정도의) 비 호환성의 희생자입니다.

다음은 제약 조건은 다음과 같습니다

• 가 다른 jQuery를 약속을 흡수하는 jQuery를 약속.
• Ember.RSVP 약속 다른 Ember.RSVP 약속과 동화합니다.
• Ember.RSVP 약속은 약속/A + 호환이고 은 동의합니다. jQuery 약속.
• jQuery 약속 은에 동화되지 않습니다. Ember.RSVP 약속. jQuery 약속 체인은 반환 된 A + 약속을 데이터로 간주합니다.

는 여기에 몇 가지 주석으로, 문제의 코드입니다 :

return $.getJSON('config.json', (data) => { 
    //some code here... 
    return data; // a return from a direct callback is meaningless (though it doesn't matter here as `data` is not used later downstream). 
}) // at this point, you have a jQuery promise. 
.then(() => { // this is the jQuery promise's .then(). 
    return this.get('store').findRecord('staffMember', 13); // this is an Ember.RSVP promise, which will be seen by the jQuery chain as data, not assimilated. 
}) 
.then(record => { 
    console.log(record); // oh dear, `record` is actually a jQuery promise. 
}); 

는 따라서 질문에 설명 된 증상은 - 약속이 콘솔에 기록됩니다.

해결 방법은 jQuery 약속이 다른 방법이 아닌 Ember.RSVP 체인으로 반환되도록하는 것입니다.

가 여기에 주로 문법에 차이를 코딩하는 방법의 커플 - 모두 작동합니다 : 약간 더 ecomomically,

return Ember.RSVP.Promise.resolve() // start the chain with a resolved Ember.RSVP promise. 
.then(function() { 
    return $.getJSON('config.json'); // returned jQuery promise will be recognised as such and assimilated by the Ember.RSVP chain 
}) 
.then(data => { 
    //some code here ... 
    return this.get('store').findRecord('staffMember', 13); // as expected, the returned RSVP promise will also be assimilated. 
}) 
.then(record => { 
    console.log(record); 
}); 

또는 :

return Ember.RSVP.Promise.resolve($.getJSON('config.json')) // assimilate jQuery promise into Ember.RSVP 
.then(data => { 
    //some code here ... 
    return this.get('store').findRecord('staffMember', 13); // returned RSVP promise will also be assimilated 
}) 
.then(record => { 
    console.log(record); 
}); 

참고 : jQuery를 3.0, jQuery는 약속 약속/A + 준수를 위해 착수했습니다.