Javascript 属性分配( Vanilla )

Question

对于一个小项目，我想制作一个基于浏览器引擎检测浏览器的小型库:

var engine = {
opera: function(){
    var ua = navigator.userAgent.toLowerCase(),
        version = ua.match(/opera[\/\s](\d+\.\d+)/);
    if (version){
        return parseFloat(version[1]);
    }
},
webkit: function(){
    var ua = navigator.userAgent.toLowerCase(),
        version = ua.match(/applewebkit\/([\d.]+)/);
    if (version && !engine.opera()){
        return parseFloat(version[1]);
    }
},
gecko: function(){
    var ua = navigator.userAgent.toLowerCase(),
        version = ua.match(/rv\:([\w\.]+).\s(gecko)/);
    if (version && !engine.opera()){
        return parseFloat(version[1]);
    }
},
ie: function(){
    var ua = navigator.userAgent.toLowerCase(),
        version = ua.match(/msie (\d+\.\d+)/);
    if (version && !engine.opera()){
        return parseFloat(version[1]);
    }
},
touch: function(){
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/android|ipod|iphone|ipad|iemobile|bb[\d]\d|blackberry|playbook|silk|touch|mobile/)){
        return true;
    }
    else {
        return false;
    }
}

};

调用:engine.webkit()<534.3检查这是否是基于 webkit 的浏览器比 Android 4 等中使用的浏览器更旧。

如您所见，我正在使用属性分配来封装引擎检测，而不是污染全局命名空间。

但是 - 对于每个单独的引擎，我正在创建变量 ua，它显然没有被重用，因此不是最佳实践。

有人能告诉我如何在引擎对象中只定义一次 var ua 吗？

谢谢

Answer 1

只需添加属性并与 this 一起使用:

ua: navigator.userAgent.toLowerCase(),
opera: function {
    this.ua // The reusable