TS之装饰器② 方法装饰器&方法参数装饰器

function get(params: any) {
  return function (target: any, methodName: any, desc: any) {
    console.log(target);
    console.log(methodName);
    console.log(desc);

    // 扩展属性
    target.apiUrl = ‘xxx‘;
    // 扩展方法
    target.run = function () {
      console.log(‘run‘);
    }

    // 修改装饰器的方法，把装饰器方法里面传入的参数都改为string类型
    // (1)保存当前的方法
    let oMethod = desc.value;
    // (2)改写方法
    desc.value = function (...arr: any[]) {
      arr = arr.map(e => {
        return String(e);
      })

      // 调用未改写的方法
      oMethod.apply(this, arr);
      console.log(arr);

    }
  }
}

class HttpClient {
  public url: any | undefined;
  constructor() {

  }

  @get(‘http://www.baidu.com‘)
  getData(...arr: any[]) {
    console.log(‘我是getData里面的方法‘);
  }
}

let http: any = new HttpClient();
console.log(http.apiUrl);
http.getData(‘张三‘, 25);

function logParams(params: any) {
  return function (target: any, methodName: any, paramsIndex: any) {
    console.log(1, params);
    console.log(2, target);
    console.log(3, methodName);
    console.log(4, paramsIndex);

    // 增加属性
    target.apiUrl = params;

  }
}

class HttpClient {
  public url: any | undefined;
  constructor() {

  }

  getData(@logParams(‘uuid‘) uuid: any) {
    console.log(‘我是getData里面的方法,uuid=‘, uuid);
  }
}

let http = new HttpClient();

http.getData(123456);

console.log(5, http.apiUrl);