javascript - 找不到变量 Angular JS

Question

我在 Angular js 上关注 railscasts #405，他使用的代码如下

app = angular.module("Raffler", ["ngResource"])

app.factory "Entry", ["$resource", ($resource) ->
  $resource("/entries/:id", {id: "@id"}, {update: {method: "PUT"}})
]

@RaffleCtrl = ["$scope", "Entry", ($scope, Entry) ->
  $scope.entries = Entry.query()

  $scope.addEntry = ->
    entry = Entry.save($scope.newEntry)
    $scope.entries.push(entry)
    $scope.newEntry = {}

  $scope.drawWinner = ->
    pool = []
    angular.forEach $scope.entries, (entry) ->
      pool.push(entry) if !entry.winner
    if pool.length > 0
      entry = pool[Math.floor(Math.random()*pool.length)]
      entry.winner = true
      entry.$update()
      $scope.lastWinner = entry
]

我试图用几乎相同的代码在我的应用程序中实现非常相似的东西，唯一的问题是，当调用 drawWinner 函数时，我的浏览器会记录错误“找不到变量条目”但变量条目是在函数 addEntry 中声明的？

Answer 1

JavaScript 是功能范围的。addEntry 中的条目的作用域是 $scope.addEntry 引用的函数，并且与 forEach 循环创建的变量不同...您需要重新检查变量范围。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope