0

我对 JavaScript 很陌生，在使用对象的原型时，我尝试调用当前对象来扩展方法，但它不起作用。所以我用谷歌搜索了我的问题，但并没有真正得到任何地方，因为它实际上是不可能的。但是，我找到了this我认为应该起作用但没有起作用的关键字。这是我所拥有的：

(function( window, document, undefined ) {
    var myObj = function ( ) { }; // not a noop
    var ua = function() { return navigator.userAgent.toLowerCase(); }
    function noop() { }; // empty noop function

    myObj.prototype = {
        constructor: myObj,
        renderizr: {
            presto: ua().match(/(opera|presto)/i),
            trident: ua().match(/trident/i), // don't parse "msie" as opera uses this sometimes
            webkit: ua().match(/(chrome|safari|webkit)/i),
            gecko: ua().match(/(firefox|gecko)/i), // don't parse "netscape" as a lot of strings use this
            val: '' // keep empty for now
        }
    };

    // renderizr.val extension
    // use this so the user can print the value of
    // the rendering engine instead of using multiple
    // conditional statements.
        if(this.renderizr.presto) { this.renderizr.val = "Presto" }
        else if(this.renderizr.trident) { this.renderizr.val = "Trident") }
        else if(this.renderizr.webkit) { this.renderizr.val = "Webkit") }
        else if(this.renderizr.gecko) { this.renderizr.val = "Gecko") }

    window.myObj = new myObj();
}( window, document ));

这样，您可以做alert(myObj.renderizr.val);而不是做单调的条件语句。

我不想进行通用浏览器名称检测，因为您只应该测试您需要的功能，而不是浏览器。但是，一些渲染引擎对渲染网页有不同的习惯，所以我确实想在我的脚本中包含引擎检测。（但是，我不建议使用它，就像我说的那样，我只是想了解 javascript 以及它是如何工作的，但它不起作用！）。

所以我的问题是，我在这里做错了什么，我该如何解决？为什么this关键字不起作用？

4

2 回答 2

5

您this在不在myObj对象实例中的上下文中使用。this将是全局范围（即窗口）。

此外，您的所有代码都立即运行，您没有在prototype.

于 2013-02-12T23:40:27.160 回答
2

我相信您希望在构造函数中进行这些检查：

var myObj = function () {
    // renderizr.val extension
    // use this so the user can print the value of
    // the rendering engine instead of using multiple
    // conditional statements.
    if(this.renderizr.presto) { this.renderizr.val = "Presto" }
    else if(this.renderizr.trident) { this.renderizr.val = "Trident" }
    else if(this.renderizr.webkit) { this.renderizr.val = "Webkit" }
    else if(this.renderizr.gecko) { this.renderizr.val = "Gecko" }
};

此外，您的语句中有一些额外)内容else if，导致语法错误。在此处检查工作版本：http: //jsfiddle.net/SnKSB/。

于 2013-02-13T00:04:27.483 回答