javascript - TypeError document.querySelector(...) 为空

Question

我正在制作 FF 扩展，但遇到了障碍。这是我拥有的:

var canLink = document.querySelector('link[rel="service"]').href;

这会找到一个带有 rel="service"的链接并且效果很好。但是，如果页面没有 rel=service 的链接，它会返回 null 并跳出程序的其余部分。我怎样才能做到，如果 canLink = null，它就不会中断？

有没有办法捕获这个错误？

这是文件。第 12 行是 self.port.emit，可以正常工作。

//Get link if it exists
var elem = document.querySelector('link[rel="service"]').href,
canLink = elem ? elem.href : "";

if (canLink){
    self.port.emit("link", canLink);
}

else {
        canLink = "";
        self.port.emit("link", canLink);
}

Answer 1

使用一个简单的条件

var elem = document.querySelector('link[rel="service"]');
var canLink = elem ? elem.href : "";

现在在您的代码中，您可以检查代码中的 ""(空字符串)并采取进一步的措施，例如

if(canLink !== "") {  // could be just written as if(canLink){ ... }
   // do something with the canLink now
}