在jquery中向querySelector添加null检查器的最佳方法

时间:2017-08-14 16:20:57

标签: javascript jquery

我已经解析了xml 我正在使用querySelector

例如:

this.querySelector("TYPE").textContent

有时this.querySelector("TYPE")的值为null,因此上一行返回错误。

避免错误的最美妙方法是什么?

我正在做类似以下的事情:

example = this.querySelector("TYPE") != null ? this.querySelector("TYPE").textContent : "" //UGLY!

但它太长而且看起来很糟糕。

其他方式: 拥有像findInXml(this, "TYPE"),这样的功能,但是当我想要深入了解它时,它看起来是:

findInXml(findInXml(this, "TYPE"), "STH") // UGLY!

我更喜欢以这种方式使用它,例如:

this.findXml("TYPE").findXml("STH") //Looks nice

2 个答案:

答案 0 :(得分:1)

拨打querySelector

var typeEl;
var example = (typeEl = this.querySelector("TYPE")) ? typeEl.textContent : '';

JSPerf同意:

https://jsperf.com/nullqueryselector/1

答案 1 :(得分:0)

使用条件行语句,如:

example = (this.querySelector("TYPE") && this.querySelector("TYPE").textContent) || '';