Janji, berikan parameter tambahan ke rantai kemudian

Sebuah janji, misalnya:

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

Setelah kita panggil, barulah metode yang dijanjikan:

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

Fungsi doWork terlihat seperti ini:

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

Bagaimana cara menghindari mengembalikan fungsi dalam di doWork, untuk mendapatkan akses ke data dari parameter teks dan janji? Adakah trik untuk menghindari fungsi batin?

Anda dapat menggunakan Function.prototype.binduntuk membuat fungsi baru dengan nilai yang diteruskan ke argumen pertamanya, seperti ini

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

dan Anda dapat mengubah doWorkke,

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

Sekarang, textakan benar-benar 'text'masuk doWorkdan dataakan menjadi nilai yang diselesaikan oleh Janji.

Catatan: Pastikan Anda memasang penangan penolakan ke rantai janji Anda.

Program kerja: Salinan langsung di 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);

Mungkin jawaban yang paling mudah adalah:

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

Atau, karena ini diberi tag ecmascript-6, menggunakan fungsi panah:

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

Menurut saya ini paling mudah dibaca, dan tidak terlalu banyak untuk ditulis.

Gunakan kari.

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 menawarkan alternatif yang bagus untuk hal ini.

 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
 }

Atau, jika Anda ingin fungsi sukses hanya memiliki satu parameter (hasil janji yang terpenuhi), Anda dapat menggunakannya dengan cara ini:

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

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

Ini akan melekat text: 'myArgString'pada thiskonteks di dalam fungsi.

Jawaban baru untuk pertanyaan ini adalah dengan menggunakan fungsi panah, yang secara otomatis mengikat 'ini' dan jauh lebih mudah dibaca. Google untuk tautan seperti: https://2ality.com/2016/02/arrow-functions-vs-bind.html

Anda bisa mengatur teks seperti ini: this.text = 'text' P. lalu (data => doWork (data)); //this.text di dalam doWork akan dievaluasi menjadi 'text'.

Ini disarankan oleh jib di atas dan bahwa (atau ini!) Harus menjadi jawaban yang diterima sekarang.