javascript中的双括号是什么意思以及如何访问它们

Question

情况

我有以下使用 Promise 的功能。

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

var definitions = getDefinitions()

definitions的内容是：

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

直接访问PromiseValue属性返回undefined

var value = definitions.PromiseValue; // undefined

问题

双括号[[ ]] 是什么意思，如何检索[[PromiseValue]] 的值。

Answer 1

[[]]里面的东西是什么

我的问题是双括号 [[ ]] 是什么意思，以及如何检索 [[PromiseValue]] 的值。

这是一个内部属性。您无法直接访问它。原生 Promise 只能在 then 中使用 Promise 或异步解包 - 请参阅 How to return the response from an asynchronous call。引用规范：

本规范定义它们纯粹是为了说明目的。 ECMAScript 的实现必须表现得好像它以此处描述的方式生成和操作内部属性。 内部属性的名称用双方括号 [[ ]] 括起来。当算法使用对象的内部属性并且对象没有实现指示的内部属性时，会抛出 TypeError 异常。

你不能

说真的 - 它们是什么？

非常好！正如上面的引用所说，它们只是在规范中使用 - 所以它们没有理由真正出现在您的控制台中。

不要告诉任何人，但这些确实是私人符号。它们存在的原因是其他internal 方法能够访问[[PromiseValue]]。例如，当 io.js 决定返回 Promise 而不是采用回调时 - 这将允许它快速访问这些属性，以防万一。它们不暴露在外面。

我可以访问它们吗？

除非您自己制作 Chrome 或 V8 版本，否则不会。也许在带有访问修饰符的 ES7 中。截至目前，没有办法，因为它们不是规范的一部分，并且会跨越浏览器 - 抱歉。

那么我如何获得我的价值呢？

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

但是如果它返回一个错误呢？在这些情况下，在 .then() 的末尾（和外部）添加以下内容。

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

虽然如果我不得不猜测 - 你是 not converting the API correctly to begin with 因为这种转换仅在方法同步的情况下才有效（在这种情况下不返回承诺）或者它已经返回承诺将使其解决（这意味着您根本不需要转换 - 只需 return。

Answer 2

我今天也走进了这个问题，碰巧找到了解决办法。

我的解决方案如下所示：

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

这里，dataWrappedByPromise 是一个 Promise 实例。要访问Promise 实例中的数据，我发现我只需要使用.json() 方法unwrap 该实例。

希望有帮助！

Answer 3

这个例子是用 react 的，但是大部分应该是一样的。

用你的 url 替换 this.props.url 以使其适用于大多数其他框架。

解析 res.json() 会返回 [[promiseValue]] 但是，如果您随后将其返回到下面的另一个 .then() 方法，则可以将其返回为一个总数组。

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

Answer 4

阅读the manpage，我们可以看到：

根据设计，承诺的即时状态和价值不能 从代码同步检查，无需调用then() 方法。

为了帮助调试，仅在检查承诺对象时 手动，您可以看到更多信息作为特殊属性 无法从代码中访问（目前，这是由 随机化属性名称，因为缺少更复杂的 语言或调试器支持）。

强调我的。因此，你想做的事是做不到的。更好的问题是为什么你需要像那样访问承诺状态？

Answer 5

尝试使用 await。

代替

var value = definitions.PromiseValue 

使用

var value =  await definiton;

这可能会通过产生承诺值来解决您的目的。

请注意， await 只能在异步函数中使用，它是 ES2016 特性。

Answer 6

我认为这会很顺利。

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

Answer 7

对于返回的响应是 HTML，而不是 JSON 的情况

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