检查JavaScript中是否存在属性
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了检查JavaScript中是否存在属性,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1506字,纯文字阅读大概需要3分钟。
内容图文
![检查JavaScript中是否存在属性](/upload/InfoBanner/zyjiaocheng/722/7e12b0d974274fa6941084b78c75261a.jpg)
我是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
内容总结
以上是互联网集市为您收集整理的检查JavaScript中是否存在属性全部内容,希望文章能够帮你解决检查JavaScript中是否存在属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。