如何将 AS3 中的关键字原型翻译成 Haxe？

Question

我有下面的 AS3 代码，我想把它翻译成 Haxe。但是我不知道如何处理关键字prototype。谁能帮我？谢谢。

    var style = new CSSStyleDeclaration(); 
    style.defaultFactory = function():void
    {
       this.disabledOverlayAlpha = 0;
       this.borderStyle = "controlBar";
       this.paddingTop = 10;
       this.verticalAlign = "middle";
       this.paddingLeft = 10;
       this.paddingBottom = 10;
       this.paddingRight = 10;
    };
    if(chain == null) chain = {};
    style.defaultFactory.prototype = chain;
    chain = new style.defaultFactory();
    
    style.defaultFactory = function():void
    {
       this.fontWeight = "bold";
    };

    style.defaultFactory.prototype = chain;
    chain = new style.defaultFactory();

    style.defaultFactory = function():void
    {
           this.backgroundSize = "100%";
           this.paddingTop = 24;
           this.backgroundColor = 8821927;
           this.backgroundImage = ApplicationBackground;
           this.horizontalAlign = "center";
           this.backgroundGradientAlphas = [1,1];
           this.paddingLeft = 24;
           this.paddingBottom = 24;
           this.paddingRight = 24;
      };

     style.defaultFactory.prototype = chain;
     chain = new style.defaultFactory();

Answer 1

好的，我稍微戳了一下，现在我有点想通了，那段代码的作用。这些知识不会帮助您将代码移植到 HAXE，但它将帮助您了解它的含义并编写一个体面的 HAXE 风格的替代品。

首先，关于实例化、函数和使用原型的部分。事实证明，如果您在未绑定的函数上调用 new 运算符（不适用于类方法）：

1. 新的空无类泛型 Object 已创建。
2. 它的引用作为this传递给上述函数。
3. 该函数可以添加和修改对象的字段和方法。
4. 最终，返回对该 Object 的引用。

然后，它的工作方式（正如我在上面的 cmets 中提到的）非常类似于当时在 AS1 和 Flash 6 中的类工作方式。

如果那个函数有一个prototype，而且它也是一个通用的Object，那么它就会被添加到新创建的那个...... .. bottom 层 Object 将其字段添加到 top 层 Object。

我知道这听起来很困难，所以有一个解释性的例子可以以某种方式阐明这一切：

public class Proton extends Sprite
{
    
    public function Proton() 
    {
        super();
        
        var P:Function;
        
        // Empty.
        P = new Function;
        create("First:", P);
        
        // Empty with prototype.
        P.prototype = {c:3, d:4};
        create("Second:", P);
        
        // Non-empty.
        P = function():void
        {
            this.a = 1;
            this.b = 2;
        };
        create("Third:", P);
        
        // Non-empty with prototype.
        P.prototype = {a:5, f:6};
        create("Fourth:", P);
    }
    
    // Instantiates the F and outputs the result.
    private function create(prefix:String, F:Function):void
    {
        var A:Object = new F;
        
        trace(prefix + "\nJSON:" + JSON.stringify(A) + "\nREAL:" + explore(A) + "\n");
    }
    
    // Same as JSON.stringify, but also looks into the prototype.
    private function explore(O:Object):String
    {
        var result:Array = new Array;
        
        for (var akey:String in O)
        {
            result.push('"' + akey + '":' + O[akey]);
        }
        
        return "{" + result.join(",") + "}";
    }
}

所以，输出是：

First:
JSON:{}
REAL:{}

Second:
JSON:{}
REAL:{"d":4,"c":3}

Third:
JSON:{"b":2,"a":1}
REAL:{"b":2,"a":1}

Fourth:
JSON:{"b":2,"a":1}
REAL:{"b":2,"a":1,"f":6,"a":1}

如你所见，JSON.stringify只导出top层对象，而直接for迭代遍历所有层，top 到 bottom，甚至处理重复的键（但 top 层的值会影响下面的内容）。

第二，这一切与你的代码有什么关系。这些 factory 和 defaultFactory 函数在一些与 CSS 相关的类中用于形成样式的 Object 表示： https://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/styles/CSSStyleDeclaration.html

因此，您可以使用 prototype hack 来形成一个通用的 Object，其中包含 chain 层层叠叠的 CSS 声明...可能。你看到 JSON 除了 top 层什么都感知不到，我不知道 CSS 类的行为是否不同。

我认为，使用 CSS 应该更简单，更直接。

祝你好运。