重构心得

最新推荐文章于 2021-01-22 15:06:47 发布

wangning_elsa

最新推荐文章于 2021-01-22 15:06:47 发布

阅读量452

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：重构函数

本文链接：https://blog.youkuaiyun.com/wangning_elsa/article/details/55045120

前端专栏收录该内容

37 篇文章

订阅专栏

本文分享了作者在开发过程中对逻辑进行多次梳理重构的经验心得。通过将数据修改函数和渲染函数视为兄弟关系，使得在面对复杂异步操作时，能够更加灵活地调用，保持思维清晰。文中提供了一个具体示例，展示了如何通过合理地组织代码来优化开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有以上原因，本次开发需要对写好的逻辑多次的梳理重构，因而有以下的感悟

相比于在getShortcuts的回调中赋值 that.shortcuts，在接口的回调中赋值更合理些。

       getShortcuts() {
            var that = this;
            return new Promise(function(resolve, reject) {
                IMSDK.invoke("intelligentservice.GetHotKeyList").then(function(res) {
                    that.shortcuts = res.result;
                    resolve();
                }, function() {
                    reject();
                })
            });
        }

抽出的众多方法中，渲染函数和数据修改函数属于兄弟关系，数据修改函数和由其引起的变化属于父子关系。这样的梳理，可以使得有多个开关且异步众多的情况下，调用灵活，思维清晰。

        document.getElementById("open-bar").addEventListener("click", function() {
             render();
             setData(0);
        });

        function  setData(effectZnts) {
            localStorage.effectZnts = effectZnts;
            this.dealChanged(localStorage.effectZnts);
        }