idea js 点不进去_JS前端代码的重构（变量重命名），不可相信IDE

2020年的今天，JS前端框架仍然做不到像Java一样强大的重构功能。在下面的例子中，我用IDEA修改一个变量名，只是改个名字而已，它也能给我改漏地方。

我点击图1中的“支浩宇”按钮后，按钮要变成灰色的禁用状态。我用一个名叫buttonDisabled的变量来控制，变量值为true则为禁用。

如图2所示，支浩宇被禁用了！

下面来看代码，buttonDisabled变量出现4次。

HTML标签，

                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-button type="primary" @click="buttonClick" :disabled="buttonDisabled">支浩宇</a