javascript - 使用 html 事件 onclick 的 coffescript 的未定义方法 ="function()"

Question

我的 html 中有这行代码

<a href="#" onclick="editfuntion(2)">

<小时/>

还有我的咖啡

editfunction = (id) ->
  console.log id
  return

为什么会返回？ Uncaught ReferenceError :编辑函数未定义 在 HTMLAnchorElement.onclick

Answer 1

Coffeescript 会将所有文件包装在立即执行的匿名函数中。这意味着您定义的所有变量都具有本地作用域，除非显式放置在全局命名空间中(在浏览器中它是 window 对象，而在 NodeJS 中它是 global)。

<小时/>

来自coffeescript.org (谈论的是在浏览器中使用Coffeescript，但它也适用于使用编译为JS的Coffeescript):

The usual caveats about CoffeeScript apply — your inline scripts will run within a closure wrapper, so if you want to expose global variables or functions, attach them to the window object.

<小时/>

尝试将您的 Coffeescript 更改为:

window.editfunction = (id) ->
  console.log id

这将在 window 对象上全局公开该函数，以便可以在 onclick 处理程序中使用它。