สัญญาส่งพารามิเตอร์เพิ่มเติมไปที่โซ่แล้ว

คำสัญญาตัวอย่างเช่น:

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

หลังจากที่เราเรียก.then()วิธีการตามสัญญา:

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

จากนั้นdoWorkฟังก์ชันจะมีลักษณะดังนี้:

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

ฉันจะหลีกเลี่ยงการส่งคืนฟังก์ชันภายในใน doWork เพื่อเข้าถึงข้อมูลจากพารามิเตอร์สัญญาและข้อความได้อย่างไร มีเทคนิคในการหลีกเลี่ยงฟังก์ชันด้านในหรือไม่?

คุณสามารถใช้Function.prototype.bindเพื่อสร้างฟังก์ชันใหม่โดยส่งค่าไปยังอาร์กิวเมนต์แรกเช่นนี้

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

และคุณสามารถเปลี่ยนdoWorkเป็น

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

ตอนนี้textจะเป็นจริง'text'ในdoWorkและdataจะได้รับค่าการแก้ไขโดยสัญญา

หมายเหตุ:โปรดตรวจสอบให้แน่ใจว่าคุณได้แนบเครื่องจัดการการปฏิเสธเข้ากับห่วงโซ่สัญญา

โปรแกรมการทำงาน: สำเนาสดใน REPL ของ Babel

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);

บางทีคำตอบที่ตรงไปตรงมาที่สุดคือ:

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

หรือเนื่องจากสิ่งนี้ถูกแท็กecmascript-6โดยใช้ฟังก์ชันลูกศร:

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

ฉันพบว่าสิ่งนี้อ่านง่ายที่สุดและไม่มากเกินไปที่จะเขียน

ใช้แกง.

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 เสนอทางเลือกที่ดีสำหรับสิ่งที่แน่นอนนี้

 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
 }

หรือหากคุณต้องการให้ฟังก์ชันความสำเร็จของคุณมีเพียงพารามิเตอร์เดียว (ผลลัพธ์ของคำสัญญาที่เป็นจริง) คุณสามารถใช้วิธีนี้:

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

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

สิ่งนี้จะแนบtext: 'myArgString'ไปกับthisบริบทภายในฟังก์ชัน

คำตอบใหม่สำหรับคำถามนี้คือการใช้ลูกศรฟังก์ชั่น(ซึ่งโดยอัตโนมัติผูกthisและอ่านได้มากขึ้น) Google สำหรับลิงค์ต่างๆเช่น https://2ality.com/2016/02/arrow-functions-vs-bind.html

คุณสามารถตั้งค่าข้อความเช่น:

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

หมายเหตุ: this.textภายในdoWorkจะประเมินเป็น "ข้อความ"

สิ่งนี้แนะนำโดย jib ด้านบนและ (หรือนี่!) ควรเป็นคำตอบที่ยอมรับได้ในขณะนี้