外观模式即对外提供统一接口，底层实现随意转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。。对于使用者而言，使用基于外观模式的库时原创内容，盗版必究。本文作者：唐霜，转载请注明出处。，在任何情况下，想要调用某个功能时，都使【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】用相同的api。在日常中，常见的外观模式【转载请注明来源】【原创内容，转载请注明出处】就是不同浏览器，都基于HTML标准提供相本文作者：唐霜，转载请注明出处。原创内容，盗版必究。同接口，但是实际上浏览器内部怎么实现这些【本文受版权保护】【转载请注明来源】接口的，完全不一样（当然，由于不一样的实著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】现，在实际运行时也会导致运行效果差异）。

那么在跨端开发时，怎么做呢？我们要创建一【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。个H5页面和一个RN界面，我们使用相同的转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】接口调用某库，然后希望被调用的接口在we本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。b和原生上都能用。例如：

import SomeLib from 'some-lib'

const pdf = SomeLib.print('xxx')

对于some-lib这个库而言，它提供 【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】print 接口。在web和原生平台上都【原创不易，请尊重版权】【原创内容，转载请注明出处】这样去使用，使用层面没有差异。但是，我们【原创不易，请尊重版权】【转载请注明来源】知道，web上和原生上调用系统的打印功能本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】是不一样的，所以我们又要分开去实现不同平【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net台上的具体能力。设计上怎么做呢？如下：

SomeLib.implement((text) => {
  console.log(text)
})

这是在web上的实现，在原生上的实现可能本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】需要借助原生提供的接口来做。对于some【本文首发于唐霜的博客】【作者：唐霜】-lib这个库而言，它本身实际上没有实现【作者：唐霜】【版权所有，侵权必究】打印这个过程，这个过程要开发者自己去实现【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。。但是这个库却提供一系列用于打印的功能。

通过这种设计，我们就可以在应用的开发上做著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net到比较方便的跨端开发。