由于 lodash 合并功能，CoffesScript 中的继承无法正常工作

Question

我在 CoffeeScript 中使用 Backbone.js 进行编程，但在与 lodash 和合并函数相关的继承方面存在问题。

有一个超类

class NavigationView extends Backbone.View
  config:
    test:
      string: "Test"

以及从它派生的两个类

class SubView extends NavigationView

  initialize: ->
      # Setting the view's template property using the Underscore template method
    _.merge @config, {
        test:
          string: "bla"
      }

class IndexView extends NavigationView
...

如果我在 SubView 的函数中更改初始化配置变量，它也会在 IndexView 的实例中更改。

我像这样在 BackBone.Router 类中实例化我的对象：

index: () ->
    # Instantiates a new view which will render the header text to the page
    new IndexView()

  sub: () ->
    new SubView()

我创建了一个小提琴来展示它：http://jsfiddle.net/hijolan/9VeND/

有什么办法吗？

最好的问候，hijolan

Answer 1

您的问题是_.merge 就地修改了它的第一个参数：

_.merge(object [, source1, source2, …])

将源对象的可枚举属性合并到destination 对象中。

请注意，文档中提到的destination 的真正含义是object。 merge 的意图是成为 _.extend 的深层版本，Underscore 文档明确说明了会发生什么：

扩展 _.extend(destination, *sources)

将 source 对象中的所有属性复制到 destination 对象，并返回 destination 对象。

您会注意到 lodash 的 extend (AKA assign) 也会混淆参数名称：

_.assign(object [, source1, source2, …])

将source 对象自己的可枚举属性分配给destination 对象。

当他们说destination时，他们的意思是object。

当你这样做时：

class NavigationView extends Backbone.View
  config:
    test:
      string: "Test"

config 最终附加到NavigationView 的原型，因此NavigationView 及其子类将看到完全相同的config 对象。这意味着@config 是您的initialize 中的原型config：

_.merge @config, { test: { string1: "blub" } }

所以_.merge 会将新值合并到原型的config 中，这使得更改一直可见到NavigationView 并一直到其所有子类。如果你追溯继承，你会发现@config 在那个上下文中来自NavigationView，所以你的_.merge 只是一种棘手且令人困惑的写作方式：

_.merge NavigationView::config, ...

问题的根源在于_.extend 和_.merge 修改了它们的第一个参数。摆脱这个陷阱的方法是提供一个可安全写入的目标对象：

@config = _.merge { }, @config, { test: { string1: 'blub' } }
# ----------------^^^

演示：http://jsfiddle.net/ambiguous/7j2FM/