在 Knockout 中，我们经常需要使用括号来表示表达式的优先级，以及在绑定中传递参数。本文将探讨何时需要使用括号，并提供示例以加深理解。
表达式优先级
当表达式中包含多个运算符时，括号可以用来明确优先级。例如：
<!-- 不加括号 --> <span data-bind="text: firstName + ' ' + lastName.toUpperCase()"></span> <!-- 加括号 --> <span data-bind="text: (firstName + ' ') + lastName.toUpperCase()"></span>
在上面的例子中，如果不使用括号，则 + 运算符将首先连接 firstName 和空格字符，然后再连接 lastName 的大写形式。而如果使用括号，则先将 firstName 和空格字符连接在一起，然后再和 lastName 的大写形式连接。
这种情况下，使用括号可以使代码更加清晰易懂，减少理解上的困惑。
绑定参数
有些绑定接受多个参数，例如 attr 绑定可以接受一个属性名和一个属性值。在这种情况下，用括号将两个参数捆绑在一起是必须的。
<img data-bind="attr: { src: imageUrl, alt: (firstName + ' ' + lastName) }">在上面的例子中，alt 属性的值是 firstName 和 lastName 的组合。如果不使用括号，则会将 alt: firstName 视为第一个参数，而 lastName 则无法传递给绑定。
总结
在 Knockout 中，如果表达式中包含多个运算符，或者需要将多个参数传递给绑定，使用括号可以使代码更加清晰易懂。这也是编写高质量 Knockout 代码的一个重要技巧之一。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
--------------- ------------
------- ----------------------------------------------------------------------------------------
-------
------
-----------------
-----
----- ----- ------ ----------------- ---------------
---- ----- ------ ----------------- --------------
---- ----- ----- ---------------- ---------- - - -- - -----------------
------
----
---------------
-----
----- ---- ------ ----------------- --------------
----- ----- ------ ----------------- ---------------
---- ----- ------ ----------------- --------------
---- ---------------- - ---- --------- ---- ---------- - - - - --------- ---
------
--------
--- --------- - -
---------- ----------------------
--------- ---------------------
--------- ---------------------------------------------
--
----------------------------
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30991