Javascript 簡寫語法解釋

Question

我在我的項目中經歷了這種語法。 我可以得到這個代碼的解釋嗎？

 // Handles focus on error title.
 var error = $('#consentError')[0];
 error && error.focus();

這是 if() 條件的簡寫語法。

Answer 1

是的，代碼相當於

var error = $('#consentError')[0];
if (error) {
  error.focus();
}

if版本絕對更容易一目了然地閱讀和理解。 使用&&方法會創建一個未使用的表達式，這很奇怪並且通常被 linter 禁止。

但是 jQuery 有一個更好的方法來實現這一點 - 只需調用 jQuery 集合上的focus ，它會調用.focus()對本機元素，如果有這樣一個元素（如果沒有，它只是不會做任何事情 - 它不會拋出）。

$('#consentError').focus();