Javascript-模板文本-三元操作

好的，所以我要做的是，我有一个

isVisible

变量，它被分配给一个函数，该函数计算在导航页面时我是否在滚动哪个元素。我需要使用

isVisible

变量来检查并记录消息，具体取决于我在页面上的位置

例如，

isVisible

位于页面顶部，log

X

，

isVisible

位于页面中部，log

Y

，

isVisible

位于页面底部，log

Z

isVisible

是一个功能，用于检查

trgt

在页面上的位置

let isVisible=iscrolledintoview（trgt）

我将如何重新安排这一点以使其有意义

let checkStatement = isVisible === id-10 ? `Column with id ${id-10} started to become visible on the page` : isVisible === id-50  ? `Column with id  ${id-50} is now more than 50% visible on the page` : `Column with id ${id-40} is now fully visible on the page`

将条件更改为适合您的问题，应该可以

将条件更改为适合您的问题的条件，这应该很好
如果您真的想使用三元运算符，您可以将一个数字/字符串指定给isVisible（然后您可能会调用其他名称），而不是布尔值，并在三元运算符中使用
visible=someNumber/someString
：


const index=1；
const visible=“bottom”；
log（`element index${index}现在是${visible==“top”
“X”
：可见==“中间”
“Y”
：“Z”}`
);如果您确实想使用三元运算符，可以将数字/字符串指定给isVisible（您可能会调用其他名称），而不是布尔值，并在三元运算符中使用
visible=someNumber/someString
：


const index=1；
const visible=“bottom”；
log（`element index${index}现在是${visible==“top”
“X”
：可见==“中间”
“Y”
：“Z”}`
);检查
isVisible
两次没有意义，因为“Y”永远不会运行。您需要在那里检查其他变量。您的ternaries（第一个和嵌套的ternaries）都使用
isVisible
作为条件检查。。。所以基本上你只能得到
X
或
Z
<代码>Y
无法访问…啊，我如何将其更改为可以获得3个选项的位置，不确定如何使用三元运算符来实现这一点，为什么不使用中间变量，而不是让下一个开发人员看到这一点？他们想尽力破解您正在做的事情？保持模板文本精简。我认为@zero298的要点是不要使用基于三个条件的三元运算符——使用lose the trialent，并使用
if…else
语句。检查
isVisible
两次没有意义，因为“Y”永远不会运行。您需要在那里检查其他变量。您的ternaries（第一个和嵌套的ternaries）都使用
isVisible
作为条件检查。。。所以基本上你只能得到
X
或
Z
<代码>Y
无法访问…啊，我如何将其更改为可以获得3个选项的位置，不确定如何使用三元运算符来实现这一点，为什么不使用中间变量，而不是让下一个开发人员看到这一点？他们想尽力破解您正在做的事情？保持模板文字精简。我相信@zero298的要点是不要使用基于三个条件的三元运算符——使用lose the trialent并使用
if…else
语句。为什么要将条件检查插入字符串？为什么要将条件检查插入字符串？请欣赏，我遵循了你的三元示例，不仅得到了一个条件被触发，而且我遵循了你的三元示例，不仅得到了一个条件被触发
let checkStatement = isVisible === id-10 ? `Column with id ${id-10} started to become visible on the page` : isVisible === id-50  ? `Column with id  ${id-50} is now more than 50% visible on the page` : `Column with id ${id-40} is now fully visible on the page`