Question

为什么 logfunc "没有定义?

  var logfunc = function(obj) {
     return function() {
       console.log(obj)
     }
   }

  t +=  <a onclick="logfunc(this)">&lt;</a>

Answer 1

如果被宣布不属于全球范围,则无法查阅 longfunc 的引用, fidd

我不主张通过省略 var 来直接宣布全球范围的变量,但它提供了一个很好的例子:

function setupStuff() {
    var logfunc = function(obj) { //defined within setupStuff scope
        /*...*/
    }
    t +=  <a onclick="logfunc(this)">&lt;</a> ;
}

function setupStuffDifferently() {
    logfuncB = function(obj) { //defined in the global scope
       /*...*/
    }
    t +=  <a onclick="logfuncB(this)">&lt;</a> ;
}

我更愿意看到这个功能单独宣布,就像

t +=  <a onclick="logfunc(this)">&lt;</a> ;

function logfunc(obj) { //this would work when assigned through `onclick`
       /*...*/
}

如果您可用此选项, 我建议您使用像 jQuery 这样的图书馆, 它在 < a href=> "http://api.jquery.com/ kick/"rel=“ nofollow” 指定和处理点击事件中提供更大的灵活性。

Answer 2

您再次获得“ logfunc 尚未定义” 错误, 因为您的 logfunc 在全球范围( 即 < code> window ) 中不存在, 使用 HTML 元素属性约束的范围和函数必须是全球性的。

你可以通过说:

window.logfunc = function(obj) {
  return function() {
    console.log(obj)
  }
};

但既然 logfunc 仅返回一个调用 connole.log 和的函数,却仍不会做你认为会做的事,因为 logfunc 仅返回一个调用 concolole.log 和 的函数,而却不知道它应该调用函数 () { controad.log(obj) {/code> 的函数, 它会把它看作一个真正的值。



window.logfunc = function(obj) {
  console.log(obj)
};


如果您想要单击链接生成一个控制台消息 。

至于“on kick 和通过DOM”之间的区别是:


Functions attached through attributes must be global and that quickly leads to a big tangled mess.
You can only attach one function per element using onclick but you can call addEventListener as often as you want. You can get around this limitation if you want to paste JavaScript snippets together as strings but that s nasty.
Similarly, you can easily undo an addEventListener call using removeEventListener; removing an event handler from an onclick attribute involves even nastier string wrangling than adding one does.
Using onclick unnecessarily entangles your HTML and JavaScript and that leads to a maintenance nightmare.

友情链接