Как достать до переменной?

Question

[Артем Кондрацкий]

Здравствуйте, есть проблема с блочными областями видимости переменных.
Есть такой код

PortfolioSchema.pre("save", async function (next) {
  .....
  var placeholder;

  Jimp.read(pathToPortfolioImages + imagename, (err, image) => {
    if (err) throw err;
    else {
      image.resize(546, Jimp.AUTO);
      image.write(pathToPortfolioImages + thumbnailname);

      new Jimp(image.bitmap.width / 2, image.bitmap.height / 2, 0x00000000, function (err, thumbnail) {
        thumbnail.getBase64(Jimp.MIME_PNG, (err, base64) => {
          if (err) throw err;
          placeholder = base64;
        })
      });
    }
  });

  this.thumbnail = thumbnailname;
  this.imageplaceholder = placeholder;

  next()
});

тут:

placeholder = base64;

не присваивается переменная. Как преодолеть эту "невидимость"?

p.s.
this.imageplaceholder = placeholder;
тут присваивается значение полю в модели.

Comments

[spnq]

В base64 приходит то, что ты ожидаешь?

[Артем Кондрацкий]

spnq, да, но в переменную "placeholder" не засунуть из-за блочной области видимости переменных

[Михаил]

Артем Кондрацкий, читайте про асинхронный код

Answer 1

[Rsa97]

Проблема не в области видимости, а в асинхронности. Анонимный каллбэк из Jimp.read вызывается уже после того, как основная функция завершила работу.

Comments

[Артем Кондрацкий]

ассинхронность убрал, не помогло

[Rsa97]

Артем Кондрацкий, И как вы её убрали?

[Артем Кондрацкий]

Rsa97,

PortfolioSchema.pre("save", function (next) {
  .....
  var placeholder;

  Jimp.read(pathToPortfolioImages + imagename)
  .then(image => {
    if (image.bitmap.width > image.bitmap.height) {
      image.resize(546, Jimp.AUTO);
    } else {
      image.resize(Jimp.AUTO, 546);
    }

    image.write(pathToPortfolioImages + thumbnailname);

    new Jimp(image.bitmap.width / 2, image.bitmap.height / 2, 0x00000000, function (err, thumbnail) {
      thumbnail.getBase64(Jimp.MIME_PNG, (err, base64) => {
        placeholder = base64;
      })
    });
  })
  .catch(err => { throw err; });
  console.log(placeholder)

  this.thumbnail = thumbnailname;
  this.imageplaceholder = placeholder;

  next()
});

[Rsa97]

Артем Кондрацкий, А с чего вы взяли, что промисы избавляют от асинхронности? Это просто синтаксический сахар, асинхронность как была, так и остаётся.

Promise.resolve('A')
  .then(e => { console.log(e); });
console.log('B');

// B
// A

[Артем Кондрацкий]

Rsa97, окей, тогда как тут избавиться от асинхронности?

[Rsa97]

Артем Кондрацкий, Никак. Надо код писать с учётом асинхронности. Перенести присвоение переменных в блок .then

[Артем Кондрацкий]

Rsa97, перенес но все равно асинхронность мешает.

[Артем Кондрацкий]

Rsa97, получилось как-то так (но работает)

PortfolioSchema.pre("save", function (next) {
  ......
  Jimp.read(pathToPortfolioImages + imagename)
    .then(image => {
      if (image.bitmap.width > image.bitmap.height) {
        image.resize(546, Jimp.AUTO);
      } else {
        image.resize(Jimp.AUTO, 546);
      }

      image.write(pathToPortfolioImages + thumbnailname);
      this.thumbnail = thumbnailname;

      new Jimp(image.bitmap.width / 2, image.bitmap.height / 2, 0x00000000, (err, thumbnail) => {
        thumbnail.getBase64Async(Jimp.MIME_PNG)
          .then(base64 => {
            this.imageplaceholder = base64;
            next()
          })
          .catch(err => { throw err; })
      });  
    })
    .catch(err => { throw err; });
});