的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) 
};