的JavaScript：面向对象的功能不存在（不是函数）

Question

我写一个小班级，为什么这不工作，我不明白这一点：

var Browsertest = { 

    isIE: /MSIE (\d+\.\d+)/.test(this.getUserAgent()), 

    getUserAgent: function() { 
     return navigator.userAgent; 
    } 

}; 

console.log(Browsertest.isIE); 

我得到的错误getUserAgent()不存在/可用（在IE9和其他浏览器中）。

Answer 1

在定义之前，您正在调用getUserAgent函数。当使用object literals时，实例成员需要在使用之前进行定义。

两种选择...

一：

var Browsertest = { 
    getUserAgent: function() { 
     return navigator.userAgent; 
    }, 

    isIE: function() { return /MSIE (\d+\.\d+)/.test(this.getUserAgent()); } 
}; 

console.log(Browsertest.isIE()); 

二：

var Browsertest = new function() { 
    var that = this; 

    this.getUserAgent = function() { 
     return navigator.userAgent; 
    }; 

    this.isIE = /MSIE (\d+\.\d+)/.test(that.getUserAgent()); 
}; 

console.log(Browsertest.isIE); 

Answer 2

由于isIE被定义为getUserAgent()前的财产，你必须将其定义作为一个函数而不是标量：

var Browsertest = { 

    isIE: function() { 
     return /MSIE (\d+\.\d+)/.test(this.getUserAgent()); 
    }, 
    getUserAgent: function() { 
     return navigator.userAgent; 
    } 
}; 
// Call it as a function 
console.log(Browsertest.isIE()); 

Answer 3

要调用在this解析为全局对象的地方this.getUserAgent。

Answer 4

首先我想指出，请不要再使用用户代理嗅探，它在这些日子里被高度的皱起了眉头。 See This link for more info why UA sniffing is bad

对您的问题的回答： 如果您在isIE方法之前声明getUserAgent方法，它将起作用。

var Browsertest = { 
    getUserAgent: function() { 
     return navigator.userAgent; 
    }, 

    isIE: /MSIE (\d+\.\d+)/.test(this.getUserAgent()) 
}; 

这是因为：

/MSIE (\d+\.\d+)/.test(this.getUserAgent()) 

，当它被解析立即执行，因为它是一个表达式，而不是一个函数声明。因此它不知道getUserAgent，因为该方法尚未被解析。

但这种方法getUserAgent是多余的，所以你也可以写这样的：

var Browsertest = { 
    isIE: /MSIE (\d+\.\d+)/.test(navigator.userAgent) 
};