zoukankan      html  css  js  c++  java
  • [Javascript] Wrap an API with a Proxy

    Proxies allow you to use functions that haven't yet been defined on an object. This means that you can invoke a function then create that function if it works with your API. This lesson shows you how to create an API around a rest service so that you can name each get request as a function on the Proxy.

     Imaging you need to call API with fetch for multi API endpoints, we can create multi API call functions, with some duplicate code. Proxy can help us to reduce the level of repeation.
    const API_ROOT = "https://swapi.co/api";
    
    const createApi = url => {
      return new Proxy(
        {
          headers: {
            "Content-Type": "application/json"
          }
        },
        {
          get: (target, key) => {
            return async function(id) {
              const response = await fetch(`${url}/${key}/${id}`, {}, target);
              if (response.ok) {
                return response.json();
              }
    
              return Promise.reject("Network error");
            };
          }
        }
      );
    };
    const api = createApi(API_ROOT);
    export const peopleApi = api.people; export const planetsApi = api.planets; export const starshipsApi = api.starships; async function go() { const people = await peopleApi(1); console.log(people); const planets = await planetsApi(1); console.log(planets); const starships = await starshipsApi(1); console.log(starships); } go();

  • 相关阅读:
    Maya 与 Matlab 数据互联插件使用教程
    代码可视化算法流程
    sql 至少含有
    sql update limit1
    c# windows service 程序
    c#和.net区别
    c#数据库乱码
    c#事件实质
    c#非界面线程控制控件
    mysql唯一查询
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10355001.html
Copyright © 2011-2022 走看看