聚合物回调作为一种属性

Question

不久前，我注意到received在收到响应后使用attribut on-response="callbackFn"执行。

我的问题是，这是如何运作的？

我有类似的情况，我想要创建一个组件，它可以将回调作为一个属性，但我不知道如何实现。

我注意到两件事

1. 当触发时，该功能被正确地绑定到它所来自的聚合物元素。
2. "callbackFn“是函数的名称。而不是聚合物结合。

因此，我假设function必须在后台执行一些技巧来绑定函数名所引用的给定函数。但是，当我查看源代码时，我没有看到任何处理‘’属性的情况。没有，齐尔奇，没有。什么给的？

我可以看到存在一个_boundedHandleResponse，但该属性似乎在任何时候都不绑定到on-response函数。

来源

Answer 1

_boundedHandleResponse是一个值依赖于_handleResponse函数的函数。

_boundHandleResponse: {
  type: Function,
  value: function () {
    return this._handleResponse.bind(this);
  }
}

因此，如果您检查_handleResponse函数，就会有一个'response‘事件，该事件是使用以下代码分派的：

this.fire('response', request, {
  bubbles: this.bubbles,
  composed: true
});

在聚合物元素中，我们使用事件注释添加事件侦听器。例如，点击，点击。因此，每次分派response时，它都会调用定义为on-response="callbackFn"的函数，该函数将调用"callbackFn“函数。