难以理解数据操作选择器的用法

Question

我正在观看Codepen中的代码，发现作者正在使用'data-action'属性作为选择器。下面的示例

<button class="key--operator" data-action="add">+</button>
<button class="key--operator" data-action="subtract">-</button>
<button class="key--operator" data-action="multiply">&times;</button>
<button class="key--operator" data-action="divide">÷</button>

这可以通过类/ ID而不是数据操作来完成。在W3或SO上找不到任何东西。这有什么帮助吗？