Question

我想转换一个函数：

static getCurrentPosition(geo_success, geo_error?, geo_options?)

到一个可观察的。

如您所见，该函数的第一个参数是成功回调。

RxJS 5 bindCallback适用于成功回调是最后一个参数的函数。

有没有办法使用bindCallback static getCurrentPosition(geo_success, geo_error?, geo_options?)？

如果没有，那么我会手动将该功能转换为Promise号码2 here

可以找到有问题的功能here

我想将其作为一个可观察的实现：

navigator.geolocation.getCurrentPosition(
  (position) => {
    updateRegion(position)
    store.dispatch(getCurrentLocation(position))
  },
  error => Observable.of(getCurrentPositionRejected(error)),
  { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
)

我尝试实施以下答案：

    class Vepo extends Component {
      componentDidMount() {
        const { store } = this.context
        this.unsubscribe = store.subscribe(() => { })
        store.dispatch(fetchCategories())
        store.dispatch(getCurrentPosition())

************implementation starts here******************************
        const bound = Observable.bindCallback((options, cb) => {
          if (typeof options === 'function') {
            cb = options
            options = null
          }

          navigator.geolocation.getCurrentPosition(cb, null, options)
        })
       let x = bound(this.getPosition)

        x.subscribe(
        function (x) {
          console.log('Next: %s', x)
        },
        function (err) {
          console.log('Error: %s', err)
        },
        function () {
          console.log('Completed')
        })

       x.onNext()
      }

      getPosition(position) {
        console.log(position)
        return position
      }

而console.log()仅来自getPosition()

Answer 1

使用重新排列的参数创建一个新函数

const bound = Rx.Observable.bindCallback((options, cb) => {
  if(typeof options === 'function') {
    cb = options
    options = null
  }

  navigator.geolocation.getCurrentPosition(cb, null, options)
})

如果您想处理错误，请使用bindNodeCallback。

当回调是第一个参数

1 个答案: