使用流类型将对象分解为功能参数

时间:2018-09-07 15:10:42

标签: javascript types ecmascript-6 flowtype static-typing

如何在保持新的(解构的)值的流类型注释的同时解构函数的参数?

示例:

  var card = document.querySelector('.card');
  card.addEventListener( 'click', function() {
    card.classList.toggle('is-flipped');
  });


  body { font-family: sans-serif; }

  .scene {
    width: 200px;
    height: 300px;
    border: 1px solid #CCC;
    margin: 40px 0;
    perspective: 600px;
  }

  .card {
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    position: relative;
  }

  .card.is-flipped {
    transform: rotateY(180deg);
  }

  .card__face {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 260px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    backface-visibility: hidden;
  }

  .card__face--front {
    background: red;
  }

  .card__face--back {
    background: blue;
    transform: rotateY(180deg);
  }

  .front_button{
    background:yellow;
    height:200px;
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    cursor: pointer;
  }

   .card.is-flipped  .card__face.card__face--front {
      display:none;
    }

是否有任何语法可以手动指定那些缺少的类型?似乎并不能自动推断出它们(当时,是否有Flow提案?)。

0 个答案:

没有答案