标签：duck-typing javascript jquery-mobile

我是JavaScript新手,对鸭子打字概念有点困惑.据我所知,我理解这个概念.但这导致了我思想中的奇怪后果.我将用以下示例解释：

我目前正在使用jQuery Mobile开发移动网络应用程序.有一次我捕获了画布的vmousedown事件.我对触摸的压力很感兴趣.我找到了Touch.webkitForce属性.

$('#canvas').live('vmousedown', function(e){
    console.log(e.originalEvent.originalEvent.touches[0].webkitForce);
}

使用Remote Debugging for Chrome时,此工作正常.但是在Opera Firefly中测试时抛出异常,因为originalEvent属性不是触摸事件,而是click事件.

所以每当我访问不属于我权限的对象的属性时,我是否必须检查存在并键入？

if( e.originalEvent &&
    e.originalEvent.originalEvent &&
    e.originalEvent.originalEvent.touches && 
    e.originalEvent.originalEvent.touches[0] && 
    e.originalEvent.originalEvent.touches[0].webkitForce) {

    console.log(e.originalEvent.originalEvent.touches[0].webkitForce);
}

可以请有人为我澄清一下吗？

解决方法:

So every time I access a property of an object which is not under my authority, do I have to check existence and type?

是的,你必须一次检查整个路径,或者你可以自动化它：

function deepObject(o, s) {
    var ss = s.split(".");

    while( o && ss.length ) {
        o = o[ss.shift()];
    }

    return o;
}

var isOk = deepObject(e, "originalEvent.originalEvent.touches.0.webkitForce");

if ( isOk ) {
    // isOk is e.originalEvent.originalEvent.touches.0.webkitForce;
}

测试用例：

var o = {
  a: {
    b: {
      c: {
        d: {
          e: {
          }
        }
      }
    }
  }
}

var a = deepObject(o, "a.b.c");
var b = deepObject(a, "d");

console.log(a); // {"d": {"e": {}}}
console.log(b); // {"e": {}}
console.log(deepObject(o, "1.2.3.3")); // undefined

标签：duck-typing,javascript,jquery-mobile
来源： https://codeday.me/bug/20190901/1784447.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。