Question

以下是我正在尝试做的一个例子。

User = (name,dob,rank,score) -> 
    {
        name: name
        dob: dob
        details: {
            rank: rank
            score:score 
        }

        basicInfo: -> return "Name: #{@name} - Dob: #{@dob} - #{@details.rank} "
        detailedInfo: -> return "Name: #{@name} - Rank: #{@details.rank} - Score: #{@details.score}"
    }

User::displayName = ->
    console.log @name 

bob = new User("Bob","10/12/69",1,100000)

bob.displayName()

我收到一条错误消息“未捕获的TypeError：对象＃没有方法'displayName'”

我不确定为什么会收到此错误。非常感谢任何帮助。

Answer 1

你正试图在coffeescript中复制javascript。厉害。（通过混合静态方法和原型方法。）

在CoffeeScript中，您可以使用关键字class来执行您想要的操作。

class User
    constructor: (@name, @dob) ->

    displayName: ->
        console.log @name

bob = new User "Bob", "10/12/69"

bob.displayName() // "Bob"

更多信息：http://coffeescript.org/#classes

Answer 2

从构造函数返回新对象时，它不共享原型。正确的构造函数将属性/方法添加到this：

User = (name,dob,rank,score) -> 
  @name = name
  @dob = dob
  @details =
    rank: rank
    score: score 
  @basicInfo = -> return "Name: #{@name} - Dob: #{@dob} - #{@details.rank} "
  @detailedInfo = -> return "Name: #{@name} - Rank: #{@details.rank} - Score: #{@details.score}"

您可能希望利用CoffeeScript的class抽象，它只生成标准构造函数：

class User
  constructor: (name, dob, rank, score) ->
    @name = name
    @dob = dob
    @details:
      rank: rank
      score: score 
  basicInfo: ->
    return "Name: #{@name} - Dob: #{@dob} - #{@details.rank} "
  detailedInfo: ->
    return "Name: #{@name} - Rank: #{@details.rank} - Score: #{@details.score}"

这在功能上与上述相同，只是basicInfo和detailedInfo已经在prototype中，它们应该在那里。有了这个，User::displayName = -> console.log @name应该可以正常工作。

请参阅http://coffeescript.org/#classes

CoffeeScript原型错误

2 个答案: