如何正确地将属性分配给函数范围？

Question

我最近一直在试验Typescript装饰程序，试图解决应用程序中的一个“问题”。我正在使用JS桥向Android和iOS提供TS代码，目前我们声明如下函数：

index.js

import foo from './bar'

global.App = function() {
  this.foo = foo;
};

上述操作将使foo函数在网桥的本机端可用

我想写一个decorator应用于foo方法，它将在全局上“注册”自己。应用程序但我的任务失败了。

这是起作用的装饰师：

export const Task = (target, propertyKey, descriptor) => {
    let originalMethod = descriptor.value;
    descriptor.value = (...args) => originalMethod.apply(target, args);

    if (!global.App) {
        global.App = function () { 
            this.foo = descriptor.value;
        };
    }
    
    return descriptor;
}

我如何添加另一个方法到全局。App函数？

Answer 1

首先，只添加了一次foo方法，因为第一次调用装饰器是global。定义了App，并将foo添加到global的分支。应用程序永远不会重新输入。

其次，global。App和foo每次都会被覆盖，并且不会通过重复调用decorator来维护。

添加另一个分支，在第一次调用后处理添加方法并动态分配方法的名称（我相信这是在propertyKey中提供给decorator的），将允许添加多个方法。

export const Task = (target, propertyKey, descriptor) => {
    let originalMethod = descriptor.value;
    descriptor.value = (...args) => originalMethod.apply(target, args);

    if (!global.App) {
        global.App = function () { 
            this[propertyKey] = descriptor.value;
        };
    } else {
        global.App[propertyKey] = descriptor.value;
    }
    
    return descriptor;
}

像这样的东西可能有用。