javascript 最初的AJAX重构

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 最初的AJAX重构相关的知识,希望对你有一定的参考价值。

const config = require('$config')
const lifxApi = require('./lifxApi')

const lifxEndpoint = (
  lifxApi
  .concat('/v1')
  .concat('/lights')
  .concat(`/${config.getLifxSelector()}`)
  .concat(':random/effects/breathe')
)

const headers = {
  Authorization: `Bearer ${config.getApiToken()}`,
  'Content-Type': 'application/json',
}

const getCycles = () => (
  Math
  .ceil(
    Math
    .random() * 3
  )
)

const getPeriod = () => 1

const createScaryLightFlasher = (
  ajaxFetcher,
) => (
  colorSet,
) => (
  ajaxFetcher(
    lifxEndpoint,
    {
      body: (
        JSON.stringify({
          ...colorSet,
          cycles: getCycles(),
          period: getPeriod(),
        })
      ),
      headers,
      method: 'POST',
    }
  )
)

module.exports = createScaryLightFlasher
const fetch = require('node-fetch')

const createScaryLightFlasher = require('./createScaryLightFlasher')

const doScaryLightFlash = (
  createScaryLightFlasher(
    fetch
  )
)

module.exports = doScaryLightFlash

以上是关于javascript 最初的AJAX重构的主要内容,如果未能解决你的问题,请参考以下文章

Ajax 重构的步骤

Ajax重构

防止 AJAX 中的滚动重置

javascript 重构测试的重构

重构第二版 支持javascript 代码重构指南

javascript 从Medium Article重构的重构分支方法