npmstudy/tomcat

Build function-based API with minimal code

tomcat's Issues

client代码实现

function createClient(config?: any): any {
  const target = {};
  let p = { x: '', config: {} };
  const o = [];
  const t = [];
  const fn = (item) => {
    // console.log('item = ' + item);
    t.push(item);
    o.push(o.length === 0 ? target : (o[o.length - 1][item] = {}));
    p = new Proxy(o[o.length - 1], {
      get: function (target: any, prop: string) {
        // console.dir(prop);
        return function (...args) {
          console.dir(' - - - ');
          console.dir(target.x + '.' + prop);
          console.dir(args);
          return prop;
        };
      },
    });
    p.x = t.join('.').replace('default.', '');
    p.config = Object.assign({}, config);
    // console.dir(o);
  };

  // 默认
  fn('default');

  // 如果有a.b.c
  // 依次a、a.b、a.b.c创建代理
  config?.namespace?.split('.').forEach(fn);

  // console.dir(p);
  return p;
}

const proxy = createClient();
const proxy2 = createClient({ namespace: 'abc.xxx' });

console.log(proxy);
console.log(proxy2);
console.log(proxy.add(2, 3));
console.log(proxy2.abc(1, 3));

函数写法

方法1: 箭头函数

ctx位于最后面

rpc.fn('a', (ctx) => {
     // this === ctx
    console.dir(ctx.path)
    console.dir(ctx.query)
    if (ctx.method === 'POST'){
        return "this is a post"
    }
    return ctx;
});

参数优先

rpc.fn('a', (a, ctx) => {
     // this === ctx
    console.dir(ctx.path)
    console.dir(ctx.query)
    if (ctx.method === 'POST'){
        return "this is a post"
    }
    return a;
});

方法2：普通函数

rpc.fn('a', function (a, ctx) {
     // this === ctx
    console.dir(this.path)
    console.dir(this.query)
    if (this.method === 'POST'){
        return "this is a post"
    }
    return a;
});