2

我将使用带有 Coffeescript 的 Knockout。以下是简单的示例代码。

**** coffeescript ****
    class NewsItem
        constructor : (content) ->
            @content = ko.observable(content)

    class ViewModel
        constructor : ->        
            @items = ko.observableArray()
            @item = ko.observable()

            @items.push new NewsItem('a')
            @items.push new NewsItem('b')
            @items.push new NewsItem('c')

            @addItem = ->
                @items.push new NewsItem @item()

    $ ->
        ko.applyBindings new ViewModel
        return  

**** html ****
    <ul data-bind="foreach: items">
        <li data-bind="text: $data.content"></li>
    </ul>
    <div>
        <input type="text" data-bind="value: item" />
        <button data-bind="click: addItem">Add Item</button>
    </div>

上面的代码运行良好。我想知道的是我应该使用上面的这个关键字或原型成员声明 addItem 事件如下

class NewsItem
    constructor : (content) ->
        @content = ko.observable(content)

class ViewModel
    constructor : ->        
        @items = ko.observableArray()
        @item = ko.observable()

        @items.push new NewsItem('a')
        @items.push new NewsItem('b')
        @items.push new NewsItem('c')

    addItem : ->
        console.log @item()
        @items.push new NewsItem @item()

$ ->
    ko.applyBindings new ViewModel
    return

我了解可观察属性（内容、项目、项目）应该是使用此关键字的实例成员，以避免在实例对象之间共享值。没关系，但是在我的情况下，诸如addItem方法之类的事件函数呢

4

1 回答 1

2

在第二种情况下它工作正常，试试吧；）。

class Randomized
  constructor: -> @items = [Math.random()]
  first: -> @items[0]

console.log new Randomized().first()
console.log new Randomized().first()
console.log new Randomized().first()
于 2013-04-10T09:08:22.370 回答