Hứa hẹn, chuyển các tham số bổ sung vào chuỗi

Một lời hứa, chẳng hạn như:

var P = new Promise(function (resolve, reject) {
  var a = 5;
  if (a) {
    setTimeout(function(){
      resolve(a);
    }, 3000);
  } else {
    reject(a);
  }
});

Sau khi chúng tôi gọi, sau đó phương thức trên lời hứa:

P.then(doWork('text'));

Hàm doWork trông như thế này:

function doWork(data) {
  return function(text) {
    // sample function to console log
    consoleToLog(data);
    consoleToLog(b);
  }
}

Làm cách nào để tránh trả về một hàm bên trong trong doWork, để có quyền truy cập vào dữ liệu từ các tham số văn bản và lời hứa? Có thủ thuật nào để tránh nội hàm không?

Bạn có thể sử dụng Function.prototype.bindđể tạo một hàm mới với giá trị được truyền cho đối số đầu tiên của nó, như thế này

P.then(doWork.bind(null, 'text'))

và bạn có thể thay đổi doWorkthành,

function doWork(text, data) {
  consoleToLog(data);
}

Bây giờ, textsẽ thực sự 'text'ở trong doWorkvà datasẽ là giá trị được giải quyết bởi Lời hứa.

Lưu ý: Hãy đảm bảo rằng bạn đính kèm một trình xử lý từ chối vào chuỗi lời hứa của mình.

Chương trình làm việc: Bản sao trực tiếp trên Babel's REPL

function doWork(text, data) {
  console.log(text + data + text);
}

new Promise(function (resolve, reject) {
    var a = 5;
    if (a) {
      setTimeout(function () {
        resolve(a);
      }, 3000);
    } else {
      reject(a);
    }
  })
  .then(doWork.bind(null, 'text'))
  .catch(console.error);

Có lẽ câu trả lời đơn giản nhất là:

P.then(function(data) { return doWork('text', data); });

Hoặc, vì nó được gắn thẻ ecmascript-6, sử dụng các hàm mũi tên:

P.then(data => doWork('text', data));

Tôi thấy điều này dễ đọc nhất và không quá nhiều để viết.

Dùng cà ri.

var P = new Promise(function (resolve, reject) {
    var a = 5;
    if (a) {
        setTimeout(function(){
            resolve(a);
        }, 3000);
    } else {
        reject(a);
    }
});

var curriedDoWork = function(text) {
    return function(data) {
        console.log(data + text);
    }
};

P.then(curriedDoWork('text'))
.catch(
    //some error handling
);

Lodash cung cấp một giải pháp thay thế tốt cho điều chính xác này.

 P.then(_.bind(doWork, 'myArgString', _));

 //Say the promise was fulfilled with the string 'promiseResults'

 function doWork(text, data) {
     console.log(text + " foo " + data);
     //myArgString foo promiseResults
 }

Hoặc, nếu bạn muốn hàm thành công của mình chỉ có một tham số (kết quả lời hứa đã thực hiện), bạn có thể sử dụng nó theo cách này:

P.then(_.bind(doWork, {text: 'myArgString'}));

function doWork(data) {
    console.log(data + " foo " + this.text);
    //promiseResults foo myArgString
}

Điều này sẽ gắn text: 'myArgString'với thisngữ cảnh bên trong hàm.