javascript - TypeScript 闭包——一个 "almost"的解决方案

Question

我对 TypeScript 最大的疑虑之一是它会将所有方法(无论访问修饰符如何)都编译为原型(prototype)。

示例

class Example {
    public getString(): string {
        return "Hello World";
    }

    private getNumber(): number {
        return 123;
    }
}

正如我们所知，访问修饰符只在编译时检查，因此被发出的 JavaScript 忽略。 JavaScript 开发人员已经学会缓解这种情况的一种方法是使用闭包(好吧，我们知道闭包会带来性能损失，但我相信在某些情况下闭包是绝对必要的)。

示例

var Example = (function () {
    function Example() {
        this.getString = function () {
            return "Hello World";
        }

        var getNumber = function() {
            return 123;
        }
    }

    return Example;
})();

上面的例子尊重公共(public)/私有(private)访问。

我发现，通过使用 lambda 语法，我们可以在 TypeScript 中声明公共(public)闭包方法。

示例

class Example {
    getString = (): string => {
        return "Hello World";
    }
}

它不是特别漂亮，但它确实有效。

我想知道的是:我如何在 TypeScript 中声明私有(private)闭包？

示例

class Example {

    // TypeScript doesn't like this!
    var getNumber = (): number => {
        return 123;
    }
}

在此处查看有关此问题的更多信息:https://github.com/Microsoft/TypeScript/issues/2940

Answer 1

TypeScript 为 ES6 带来了类型和访问器(并且静态地检查两者)。 TypeScript 中的 class 关键字是 ES6 中的标准 class 关键字。 ES6 类中没有私有(private)闭包。此语法在 ES6 中无效:

class Example {
    var v = /* ... */; // invalid in ES6
}

如果你需要声明一个封装变量的闭包，你应该使用经典的 JavaScript 方式。我强烈建议利用 TS 接口(interface):

interface NamedObject {
    getName(): string;
}

let createNamedObject = function (name = 'John'): NamedObject {
    return {
        getName: function () {
            return name;
        }
    };
};

let obj: NamedObject = createNamedObject();

---

如果您真的想创建带有闭包的类方法，您可以这样做:

class BadPerformance {
    public getName: () => string;

    constructor(name = 'John') {
        this.getName = () => {
            return name;
        };
    }
}