假设我有一长串jquery方法，并希望根据一些布尔条件添加两个方法之一的额外调用（例如show或hide ）。
有两种方法可以做到：
1） 点表示法 ：将方法链存储在变量中，然后使用点表示法使用此变量调用额外的方法（由if...else构造或三元运算符解析）。
代码 ：
var $tmp = $el._long_()._method_()._chain_(); if (condition) $tmp.show(); else $tmp.hide();
2） 括号表示法 ：使用方括号表示法附加方法的额外调用（由三元运算符解析）。
代码 ：
$el._long_()._method_()._chain_()[condition? 'show' : 'hide']();
我曾经使用过第一个，特别是如果在其他地方使用$tmp变量。 但第二种方式似乎更简洁，但不太可读。
这种情况的最佳选择是什么？
eslint更喜欢点符号 ：
在JavaScript中，可以使用点表示法（foo.bar）或方括号表示法（foo [“bar”]）访问属性。 但是，点符号通常是首选，因为它更容易阅读，更简洁，并且使用激进的JavaScript最小化器可以更好地工作。
IMO，将三级逻辑放在支架内是有点太可爱了，难以阅读。
这个问题可以归结为JavaScript，而不是jQuery特有的。
使用括号表示法的典型原因是：
您在这里的使用似乎是第一种情况的新颖变体 – 您通过使用来自三元操作的变量字符串值来指定要执行的函数，从而避免重复代码。
这是显性可读性和DRY代码之间的权衡，因此“最佳”选择将是主观的。
对于某些人来说，三元并不难读。 you can read this ? "one of them" : "not one of them" you can read this ? "one of them" : "not one of them" 。 你总是可以在任何特别长的function链附近发表评论，以帮助那些难以消化三元的人。
需要了解更多jQuery教程分享jquery方法链中的点与括号表示法，都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
以上就是jQuery教程分享jquery方法链中的点与括号表示法相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/981657.html