Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.0k views
in Technique[技术] by (71.8m points)

全局组件中如何针对个别页面添加功能?

比如说一个公共组件,有十几个画面在用,但是针对其中一个画面要做一些修改,我目前是想按下面的伪代码这样做:

const onChange = () => {
    if (targetPage) {
        // 个别画面
        callTargetFoo();
    } else {
        // 其它的画面
        callGlobalFoo();
    }
}

想请教下这种情况下有更优雅的编码方式吗?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

可以用控制反转,每个页面在调用组件时传入对应的方法,然后组件内部执行传入的方法,而不用关心是哪个页面。

如果不想每个页面都改,可以把通用的方法作为默认值,这样只用改一个页面。
从性价比的角度来说,如果只有一个页面要改,用if else也是可以的,但要注意以后需求膨胀时,尽快切换到上述方案


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...