javascript - JavaScript 和 ActionScript 中 "this"的区别

Question

我的背景是 JavaScript。我对 ES5 和 ES6 都有非常深入的理解。在工作中，我最近被分配了一个项目，该项目涉及一个使用 AS2 的较旧的 Flash 应用程序。据我了解，ActionScript 与 ES5 非常相似，但具有类和可选的严格类型(类似于 TypeScript 和 Flow)，以及一些其他经典的 OO 功能。到目前为止，它相当简单，但我无法理解 this 和引用在 ActionScript 中的工作方式。

这是我对 JavaScript 的理解。 this 在函数中可以引用:

• 绑定(bind)变量，如果使用 Function.bind()(以及 Function.call() 和 Function.apply())，则不能在绑定(bind)函数中更改，例如:

function func() {
    return this.number;
}

var bound = func.bind({ number: 2 });
console.log(bound()); // 2

• 一个对象，如果该函数作为该对象的方法被调用，例如:

function func() {
    return this.number;
}

var obj = { number: 2, func: func };
console.log(obj.func()); // 2

• 一个类的实例，如果该函数是在该类的原型(prototype)上定义的，例如:

function Class() {
    this.number = 2;
}
Class.prototype.func = function func() {
    return this.number;
}

console.log(new Class().func()); // 2

• 全局对象，如果调用函数时没有任何类型的绑定(bind)或对象或实例附加到它，例如:

var number = 2;

function func() {
    return this.number;
}

console.log(func()); // 2

---

在 ActionScript 中，事情似乎有点不同。一方面，如果您在该类的方法中进行访问，则无需 this 即可访问类成员，类似于 C# 和 Java 等语言:

class MyClass {
    private var number:Number = 2;

    public function func():Number {
        return number;
    }
}

trace(new MyClass().func()); // 2

此外，ActionScript 标准库似乎没有 Function.bind() 方法，尽管它确实有 Function.apply() 和 Function.call() 看起来就像 JavaScript 变体一样工作:http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/2/help.html?content=00001072.html#265677 .似乎也没有原型(prototype)，这是有道理的，因为根据我的理解，类是更抽象的语法结构而不是函数(就像 C#/Java 一样)。

所以我的问题是，除了缺少 Function.bind() 和 Function.prototype 之外，ActionScript 和 JavaScript 之间的规则是否相同？

此外，如果我这样做会发生什么:

class SomeClip extends MovieClip {
    private var childClip:MovieClip;
    private var number:Number = 2;

    public function SomeClip() {
        this.onLoad = function() {
            // SomeClip onLoad hander, `this` will be the SomeClip instance

            childClip._visible = true; // How is childClip resolved here?

            childClip.onRelease = function() {
                // childClip onRelease handler, `this` will be childClip

                trace(number); // How is number resolved here?
            };
        };
    }
}

基本上，如果您在事件处理程序中访问一个没有 this 的成员，或者其他一些不是类方法的松散函数，会发生什么？我猜想在第一种情况下，它会解析为 this.childClip 并按预期工作，但在第二种情况下，解析会失败，因为 onRelease处理程序的闭包将不包含对 SomeClip 实例的引用。

Answer 1

我看到目前写的评论都比较关注JS，所以我会尽量从ActionScript的 Angular 来回答。

在 AS2/AS3 的世界里，定义为类方法的函数将它们的 this 值绑定(bind)到类。这是许多具有现代类的高级语言的典型特征，例如 Java、Haxe 等。因此，在 ActionScript 中，除了以下情况外，您很少会发现需要使用 this 关键字变量名可能被函数参数遮蔽:

public function Point(x:Number = 0, y:Number = 0)
{
    // A rare but necessary use-case of "this" in AS2/AS3
    this.x = x;
    this.y = y;
}

另一方面，如果您提供的函数像您编写的示例中那样是匿名的，则行为取决于您是否在前面加上 this:

childClip.onRelease = function() {
    trace(number);
};

在这种情况下，ActionScript 能够确定 number 是该类的成员，并且会像您预期的那样打印 2。这是因为解释器在堆栈中寻找下一个最接近的东西。换句话说，您通过排除 this 是模棱两可的，所以它知道它需要执行查找。

但是，如果您改为 trace(this.number)，您会发现您得到了一个 undefined(甚至可能是一个错误)。这是因为this不是类上的成员变量，现在指向一个类似JS的“全局对象”。为了避免与全局对象共舞，ActionScript 开发人员通常的做法是将所有监听器定义为类实例方法:

class MyClass extends EventDispatcher
{
    private function MyClass()
    {
        addEventListener(Event.CHANGE, onChangeEvent);
    }
    private function onChangeEvent(e:Event) {
        trace(this); // refers to this class, and no need for bind() like JS
    }
}

组织良好的 AS3 代码几乎从不包含内联匿名函数，因为使用显式函数引用处理垃圾回收要容易得多。

最后要注意的一件事 - 您可以期望作为 ActionScript 中常规 Objects 方法的函数表现得像 JavaScript，通过事件监听器传递它们将导致 this< 的上下文 丢失，Flash 将不会执行魔法查找来定位您引用的变量:

var obj = {
    func: function () {
        trace(this); // weird global object
    }
};
addEventListener(Event.CHANGE, obj.func);

希望对您有所帮助!