JS – 三元运算符,以避免条件中的过度链接。可能吗?
JS – Ternary operator to avoid excessive chaining in a conditional. Is it possible?
condition ?
domElement.classList.add('show') :
domElement.classList.remove('show');
以上代码有效,但 DOM 变量和 classList 被显式输入了两次。有什么方法可以使用三元组仅将链的不同部分放在各自的 true/false 子句中?
我在想:
domElement.classList condition ? .add('show') : .remove('show');
非常感谢任何和所有输入。
domElement.classList[condition ? 'add' : 'remove']('show')
不过更好:
domElement.classList.toggle('show', condition)
参见https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Methods。
condition ?
domElement.classList.add('show') :
domElement.classList.remove('show');
以上代码有效,但 DOM 变量和 classList 被显式输入了两次。有什么方法可以使用三元组仅将链的不同部分放在各自的 true/false 子句中?
我在想:
domElement.classList condition ? .add('show') : .remove('show');
非常感谢任何和所有输入。
domElement.classList[condition ? 'add' : 'remove']('show')
不过更好:
domElement.classList.toggle('show', condition)
参见https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Methods。