在函数中向函数对象添加属性有哪些缺陷？

Question

我发现我可以使用这种技术在事件处理程序中保留一种"状态",而不必涉及外部变量......

我发现这种技术在利用函数实际上是对象本身这一事实时非常聪明,但我担心我正在做一些可能会产生负面影响的事情......

例...

var element = document.getElementById('button');

element.onclick = function funcName() {
    // attaching properties to the internally named "funcName"
    funcName.count = funcName.count || 0;
    funcName.count++;

    if (self.count === 3) {
        // do something every third time
        alert("Third time's the charm!");
        //reset counter
        funcName.count = 0;
    }
};

Answer 1

而不是这样做,你可以使用一个闭包:

element.onclick = (function() {
  var count = 0;
  return function(ev) {
    count++;
    if (count === 3) {
      alert("3");
      count = 0;
    }
  };
})();

该设置涉及代码立即调用的匿名函数.该函数有一个局部变量"count",它将在一系列事件处理程序调用中保留.

顺便说一下,这个:

var something = function dangerous() { ... };

是"危险的",因为有些浏览器(猜测哪些,虽然Safari也有问题)当你在这样的函数表达式中包含一个名字时会做一些奇怪的事情.Kangax非常彻底地写了这个问题.