在 IE8 中初始化另一个对象内的对象失败

Question

我想实现一种单例对象（下面示例中的About），它本身位于另一个对象（Main）内。

这是我的代码。它适用于所有主要浏览器（Firefox、Chrome 甚至 IE9），但不适用于 IE8。在 IE8 中，调用 main.About.doSomething(); 会抛出“对象不支持此属性或方法”。

我还在这里 jsFiddled 我的代码： http://jsfiddle.net/c3URh/12/

我该怎么办需要让它在 IE8 中工作吗？

注意：我可以调用 main.About().doSomething() ，它可以在 IE8 中工作，但不能在其他浏览器中工作，无论如何，从 OOP 来看这是不正确的看法。

我的错误代码：

function About(){
    this.doSomething = function(){
        alert('a');
    };
}

function Main(){
    var about;
    try {
    Object.defineProperty(this, 'About', {
            get: function () {
                if (about == undefined) {
                    about = new About();
                }
                return about;
            }
        });
    }
    catch (e) {
        // this code does not work in ie8. Throwing 'Object doesn't support this property or method'
        this.About = function() {
            if (about == undefined) {
                about = new About();
            }
            return about;
        };
    }
}

function clickMe()
{
    var main = new Main();
    main.About.doSomething();
}
​

Answer 1

IE8 不支持Object.defineProperty。因此，catch 块的代码被执行。在该块中，您没有为 About getter 定义正确的替换。

这个（在 catch 内部）是一个函数：

    this.About = function() {
        if (about == undefined) {
            about = new About();
        }
        return about;
    };

虽然您期望它是 About 的实例。 IE8不支持getter，所以你必须使用另一种方法。您可以获得的最接近的是：

    this.About = about == undefined ? new About() : about;

Answer 2

是不是因为defineProperty失败了，所以没有About可以添加？ IE8 仅部分支持 DefineProperty，您可以通过 google 或 SO 搜索找到： 工作围绕 IE8 损坏的 Object.defineProperty 实现

http://blogs.msdn.com/b/ie/archive/2010/09/07/transitioning-existing-code-to-the-es5-getter-setter-apis.aspx

Answer 3

IE9 之前没有 getter，这段代码看起来真的很有趣。使用 getter 实例化私有变量，并添加检查以便仅在第一次执行？这就是构造函数的用途。

function About(){
    this.doSomething = function(){
        alert('a');
    };
}

function Main(){
    this.About = new About();
}

var main = new Main();
main.About.doSomething();  // alerts 'a'

这并不能解决您如何在 IE8 及更低版本中实现 getter 的问题，但您无论如何都以不好的方式使用它

http://jsfiddle.net/mendesjuan/zPq4v/