Ситуація

У мене є така функція, яка використовує Promise .

var getDefinitions = function() {
    return new Promise(function(resolve) {
        resolve(ContactManager.request("definition:entities"));
    });
}

var definitions = getDefinitions()

Зміст definitions:

Promise {
    [[PromiseStatus]]: "resolved",
    [[PromiseValue]]: child
}

Доступ до PromiseValueвластивості безпосередньо повертається невизначеним

var value = definitions.PromiseValue; // undefined

Питання

Що означають подвійні дужки [[ ]]та як я отримую значення [[PromiseValue]].

Які речі всередині [[]]

Моє питання полягає в тому, що означають подвійні дужки [[]], і як я отримую значення [[PromiseValue]].

Це внутрішня властивість. Ви не можете отримати до нього безпосередній доступ. Власні обіцянки можуть розгортатися лише thenз обіцянками або взагалі асинхронно - див. Як повернути відповідь з асинхронного дзвінка . Цитування специфікації:

Вони визначаються цією специфікацією виключно для ознайомчих цілей. Реалізація ECMAScript повинна вести себе так, ніби вона створює та працює на внутрішніх властивостях, як описано тут. Назви внутрішніх властивостей укладені у подвійні квадратні дужки [[]] . Коли алгоритм використовує внутрішню властивість об'єкта, а об'єкт не реалізує вказану внутрішню властивість, виникає виняток TypeError.

Ти не можеш

Хоча серйозно - які вони?

Дуже мило! Як зазначено у наведеній вище цитаті, вони просто використовуються в специфікації - тому немає жодної причини для того, щоб вони дійсно з’являлися у вашій консолі.

Не кажіть нікому, але це справді приватні символи . Причиною їх існування є доступ до інших внутрішніх методів [[PromiseValue]]. Наприклад, коли io.js вирішує повернути обіцянки замість зворотних викликів - це дозволить йому швидко отримати доступ до цих властивостей, якщо це гарантовано. Вони не піддаються впливу зовні.

Чи можу я отримати до них доступ?

Якщо ви не зробите власну версію Chrome або V8. Можливо, у ES7 з модифікаторами доступу. На сьогоднішній день немає жодного способу, оскільки вони не є частиною специфікації, і вони будуть розбиватися в браузерах - вибачте.

То як я можу отримати свою вартість?

getDefinitions().then(function(defs){
    //access them here
});

Але що, якщо він повертає помилку? Напередодні цих випадків додайте наступне в кінці (та поза) вашого .then ().

.catch(function(defs){
    //access them here
});

Хоча, якби мені довелося здогадуватися - для початку ви не перетворюєте API правильно, оскільки це перетворення буде працювати лише в тому випадку, якщо метод синхронний (у такому випадку не повертайте обіцянку) або він повертає обіцянку, яка вже зробить це вирішено (що означає, що перетворення вам зовсім не потрібне - просто return.

Я також сьогодні зайнявся цією проблемою і знайшов рішення.

Моє рішення виглядає так:

fetch('http://localhost:3000/hello')
.then(dataWrappedByPromise => dataWrappedByPromise.json())
.then(data => {
    // you can access your data here
    console.log(data)
})

Тут, dataWrappedByPromiseє Promiseекземпляром. Щоб отримати доступ до даних в Promiseекземплярі, я виявив, що мені просто потрібно розгорнути цей екземпляр .json()методом.

Сподіваюся, це допоможе!

Цей приклад з реакцією, але здебільшого він повинен бути однаковим.

Замініть this.props.url на вашу url для отримання, щоб він працював для більшості інших фреймворків.

Розбір res.json () повертає [[promisValue]], однак якщо потім повернути його до іншого методу .then () нижче, ви можете повернути його як загальний масив.

let results = fetch(this.props.url)
        .then((res) => {
            return res.json();
        })
        .then((data) => {
            return data;
        })

Читаючи сторінку , ми бачимо, що:

За задумом миттєвий стан та значення обіцянки не можуть перевірятися синхронно з коду без виклику then()методу.

Щоб допомогти з налагодженням, лише під час перевірки об'єкта обіцянки ви можете бачити більше інформації як спеціальні властивості, недоступні з коду (це, на даний момент, реалізується шляхом рандомізації імені властивості, за відсутності більш досконалої підтримки мови та налагоджувача) ).

Акцент мій. Тому те, що ви хочете зробити, неможливо зробити. Краще питання полягає в тому, чому вам потрібен такий доступ до стану обіцянки?

Спробуйте використати await .

Замість

var value = definitions.PromiseValue 

використання

var value =  await definiton;

Це може вирішити вашу мету, отримавши обіцяне значення.

Зауважте, що await можна використовувати лише в асинхронних функціях, і це функція ES2016.

Я думаю, що це буде добре поєднуватися з цим.

(async () => {
  let getDefinitions = await ( () => {
    return new Promise( (resolve, reject) => {
      resolve(ContactManager.request("definition:entities"));
    });
  })();
)();

У випадку, коли у відповідь повертається HTML, а не JSON

fetch('http://localhost:3000/hello')
  .then(response => response.text())
  .then(data => {
    // you can see your PromiseValue data here
    console.log(data)
  })