具有多种条件的三元表达

Question

我试图在JXS中使用三元表达式编写多个条件。

但不确定是否正确。

const applyNowUrl = isSmallerThan.medium ? applyNowMobileURL : isEqualOrLargerThan ? applyNowDesktopURL : applyNowTabletURL

“ applyNowUrl”常量应根据屏幕大小具有3个不同的URL。

Answer 1

尽管很难阅读，但具有多个三元条件是正确的。

为了清楚起见，有时最好为此创建一个外部函数：

const applyNowUrl = myFucntion(isSmallerThan, isEqualOrLargerThan);

const myFunction = (isSmallerThan, isEqualOrLargerThan) => {
  if (isSmallerThan.medium) return applyNowMobileURL;
  if (isEqualOrLargerThan) return applyNowDesktopURL;
  return applyNowTabletURL;
}

Answer 2

您可以像这样：

const applyNowUrl =
    isSmallerThan.medium ? applyNowMobileURL
    : isEqualOrLargerThan ? applyNowDesktopURL
    : applyNowTabletURL

您还可以递归使用