课程表

CoffeeScript 语法

CoffeeScript 类和对象

CoffeeScript 字符串

CoffeeScript 数组

CoffeeScript 日期和时间

CoffeeScript 数学

CoffeeScript 方法

CoffeeScript 元编程

CoffeeScript jQuery

CoffeeScript 正则表达式

CoffeeScript 网络

CoffeeScript 设计模式

CoffeeScript 数据库

CoffeeScript 测试

工具箱
速查手册

CoffeeScript 桥接模式

当前位置:免费教程 » JS/JS库/框架 » CoffeeScript

问题

你需要为代码保持一个可靠的接口,可以经常变化或者在多种实现间转换。

解决方案

使用桥接模式作为不同的实现和剩余代码的中间体。

假设你开发了一个浏览器的文本编辑器保存到云。然而,现在你需要通过独立客户端的端口将其在本地保存。

  1. class TextSaver
  2. constructor: (@filename, @options) ->
  3. save: (data) ->
  4. class CloudSaver extends TextSaver
  5. constructor: (@filename, @options) ->
  6. super @filename, @options
  7. save: (data) ->
  8. # Assuming jQuery
  9. # Note the fat arrows
  10. $( =>
  11. $.post "#{@options.url}/#{@filename}", data, =>
  12. alert "Saved '#{data}' to #{@filename} at #{@options.url}."
  13. )
  14. class FileSaver extends TextSaver
  15. constructor: (@filename, @options) ->
  16. super @filename, @options
  17. @fs = require 'fs'
  18. save: (data) ->
  19. @fs.writeFile @filename, data, (err) => # Note the fat arrow
  20. if err? then console.log err
  21. else console.log "Saved '#{data}' to #{@filename} in #{@options.directory}."
  22. filename = "temp.txt"
  23. data = "Example data"
  24. saver = if window?
  25. new CloudSaver filename, url: 'http://localhost' # => Saved "Example data" to temp.txt at http://localhost
  26. else if root?
  27. new FileSaver filename, directory: './' # => Saved "Example data" to temp.txt in ./
  28. saver.save data

讨论

桥接模式可以帮助你将特定实现的代码置于看不见的地方,这样你就可以专注于你的程序中的具体代码。在上面的示例中,应用程序的其余部分可以称为 saver.save data ,不考虑文件的最终结束。

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号