Rumah >hujung hadapan web >tutorial js >JavaScript设计模式系列八:外观模式

JavaScript设计模式系列八:外观模式

不言
不言asal
2018-04-02 14:23:561046semak imbas

本篇文章给大家分享了JavaScript设计模式系列八:外观模式,有感兴趣的朋友可以看一下

外观模式

外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口,为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用,不仅简化类中的接口,而且实现调用者和接口的解耦。
外观模式在我们的日常工作中十分常见。

我们来看一个例子:

// a.js
export default {
  getA (params) {
    // do something...
  }
}

// b.js 
export default {
  getB (params) {
    // do something...
  }
}

// app.js  外观模式为子系统提供同一的高层接口
import A from './a'
import B from './b'
export default {
  A,
  B
}
// 通过同一接口调用子系统

import app from './app'

app.A.getA(params);
app.B.getB(params);

与适配器模式的区别

适配器模式是将一个对象包装起来以改变其接口,而外观模式是将一群对象包装起来以简化其接口。
适配器是将接口转换为不同接口,而外观模式是提供一个统一的接口来简化接口。

相关推荐:

JavaScript设计模式系列三:建造者模式

JavaScript设计模式系列五:适配器模式



Atas ialah kandungan terperinci JavaScript设计模式系列八:外观模式 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn