Имена параметров в функциях стрелок Javascript - PullRequest
Новая
       22

Имена параметров в функциях стрелок Javascript

0 голосов
/ 15 февраля 2019

Я читал о типах Promise для Javascript, и я озадачен целью div в .then(...)

function go() {
  showCircle(150, 150, 100).then(div => {
    div.classList.add('message-ball');
    div.append("Hello, world!");
  });
}

function showCircle(cx, cy, radius) {
  let div = document.createElement('div');
  div.style.width = 0;
  div.style.height = 0;
  div.style.left = cx + 'px';
  div.style.top = cy + 'px';
  div.className = 'circle';
  document.body.append(div);

  return new Promise(resolve => {
    setTimeout(() => {
      div.style.width = radius * 2 + 'px';
      div.style.height = radius * 2 + 'px';

      div.addEventListener('transitionend', function handler() {
        div.removeEventListener('transitionend', handler);
        resolve(div);
      });
    }, 0);
  })
}
.message-ball {
  font-size: 20px;
  line-height: 200px;
  text-align: center;
}
.circle {
  transition-property: width, height, margin-left, margin-top;
  transition-duration: 2s;
  position: fixed;
  transform: translateX(-50%) translateY(-50%);
  background-color: red;
  border-radius: 50%;
}
<button onclick="go()">Click me</button>

Я хотел бы понять значение слова "div" (хотя я попытался переименовать его, и .then(...) работает нормально, однако анонимноfunction () нет).

1 Ответ

0 голосов
/ 15 февраля 2019

'div' здесь в вашем коде showCircle(150, 150, 100).then(div => { } ); - это данные, которые возвращаются из вашей функции обещания ShowCircle.Как правило, в функции со стрелкой все, что находится слева от вашего лямбда-выражения (=>), является входными параметрами для этой функции. 

div => {
//doSomething here
}

равно 

function nameFunction(div){
//doSomething here
    }

Inв случае обещания , затем , входные данные, предоставленные функции, являются возвращаемым значением из обещания.Здесь параметр называется div и содержит возвращаемое значение из ShowCircle ().

...