TypeError document.querySelector (...) is null

Question

Я делаю расширение FF, и я попал в ловушку. Вот что у меня есть:

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

Это находит связь с rel = "service", и она отлично работает. Однако, если страница не имеет ссылки на rel = service, она возвращает null и вырывается из остальной части программы. Как я могу сделать так, чтобы if 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 
}