javascript - 初识JS中的Promise的两个基础问题

Question

刚开始学习JavaScript中的promise，看到一篇不错的文章，但是产生了两个小问题。文中有这样一段代码： {代码...} 对于上面的调用有点疑惑，平时所见的相似的调用大概是string.split('').reverse()这样的，是把字...

黄舟 · Answer

首先确认的一点是，then是Promise的实例方法。

var promise = new Promise(function(resolve, reject) {
  resolve(1);
});

var p = promise.then(function(val) {
  console.log(val); // 1
  return val + 2;
})

你的理解是这里的p，是return的值，其实并不是，这里的p是Promise的实例：

实现链式调用的原理就是每次调用完then方法，都会返回一个Promise的实例，所以一直能调用下去，只不过区别在于，如果return的是个值，则PromiseStatus状态始终是resolved，值为下次then传的参数。

举个例子，如果return的不是值，而是个promise实例，则会根据不同的状态，返回不同的结果：

var promise1 = new Promise(function(resolve, reject) {
  resolve(1);
});
var promise2 = new Promise(function(resolve, reject) {
  reject(3);
});
promise1.then(function(val) {
  console.log(val); // 1
  return promise2;
}).then(function(val) {
  console.log('成功' + val); 
},function(val){
  console.log('失败' + val) // 失败3
});

阿神 · Answer

then返回的是一个新的promise对象

ringa_lee · Answer

当你从 then 的回调函数返回的时候，这里有点小魔法

注意then 的回调函数返回，所以数字是then的回调函数的返回值，不是then()的返回值。
类promise可以理解为promise对象，和promise类似的对象。
下方传送门里的问题中有一个then的回调返回一个promise对象的例子
传送门

伊谢尔伦 · Answer

谢邀，我说一个想法吧。无非就是里面做了一下处理。判断你的值是什么。然后处理一下。例子不怎么好。你先看看吧。我找找有没有其他人仿写的。

function then(fun){
    var _return = fun();
    if(typeof _return === "string"){
       return "这是一个String参数"
    }else if(typeof _return == "object"){
       return "这是一个object参数"
    }else{
       return _return
    }
}

黄舟 · Answer

如果一个普通对象，拥有then字段，并且then字段的值是一个函数，那么它就是一个类Promise对象。例如

var likePromise = {
    then: function (resolve, reject) {
        resolve(1);
    }
}

伊谢尔伦 · Answer

http://liubin.org/promises-book/

迷茫 · Answer

resolve()可以是任何东西的，你结合async看