如何在函数之外获取点击次数

Question

你好，这是我正在玩的代码

//define a function
var test=function() {

 var v=0;
 var counter=0;
  // click on the element id=z2
 $('#z2').click(function(){

  v = ++counter;
   //call function testdata 
  testdata();

  })

  function testdata() {

   return v;

   } // end of testdata

   } // end of  var test

     //calling p outside of the scope of var test.
    var p =test.testdata();

现在 p 应该返回 v 的值，但它在 console.log 中显示为 undefined。

请给点建议

Answer 1

您的代码不起作用的原因是因为 testdata 仅存在于函数 test 的范围内（使其成为私有函数） - 在 test 内调用它会起作用，但就剩下的代码是有关的，它不存在。

实现这项工作的一种方法是使用test 作为构造函数，保持变量私有但使函数公开，如下所示：

// define constructor
var Test = function() {

    // private
    var v = 0;
    var counter = 0;
    var that = this;

    // click on the element id=z2
    $('#z2').click(function(){
        v = ++counter;
        //call function testdata 
        that.testdata();
    });

    // public
    this.testdata = function() {
        return v;
    }
}

var p = new Test();
p.testdata(); // works!

这里的工作演示：http://jsfiddle.net/fissioncat/tg84mbwp/4/

Answer 2

你需要像这样将 v 定义为 int

var v = 0;

此外，该函数将返回未定义，因为该函数仅返回未定义的参数

我很难理解您的问题，但我会这样做：

//define a function
var test = function() {

    var v = 0;
    var counter=0;
    // click on the element id=z2
    $('#z2').click(function(){
        v = ++counter;
        return v;
    })
} // end of  var test

var p = test();

Answer 3

您的代码有两个主要问题。

如果你运行它，它会抛出一个错误（1）： test.testdata is not a function ! 如果您使用控制台查找 test.testdata，您会看到它是 undefined (error(2))。 如果您尝试 var p = testdata()，它也会抛出错误 (3)： testdata is undefined !

您已在 inside 函数测试中定义了函数 testdata。测试中的任何代码都可以看到 您的函数 testdata，但任何代码 outside 测试都看不到它。 您调用 testdata 的 var p 在外部。这就是错误（3）的原因。

通过在 test 中定义 testdata，您可能认为它会自动添加到 test 作为属性。事实并非如此。您可以向函数添加属性，但这必须在该函数之外进行。这就是错误（1）和（2）的原因。

让我们试试吧：

// declare your functions by name,
// you later can call them by name without need for a variable
function test() {
    // one variable is enough here
    var c = 0;
    $("#z2").click(function() {
        ++c;
        testdata();
    });
}
// function testdata declared by name outside function test
function testdata() {return c;}
// now we can attach testdata as a property to test
test.testdata = testdata;

var p = c; // should be 0 but is undefined
var p = testdata(); // no error, but undefined.
var p = test.testdata(); // no error, but undefined. Why?

与 error(3) 相同的问题，但现在使用变量 c。它被声明为 inside 测试， 外面的所有代码都看不到。 （查找关键字 scope 和 closure 以了解更多信息）；

我们再试一次：

// declare var c outside, so it's in the global scope,
//all following code can see it.
var c = 0;
function test() {
    $("#z2").click(function() {
        ++c;
        testdata();
    });
}
function testdata() {return c;}
test.testdata = testdata;

var p = c; // --> 0
var p = testdata(); // --> 0
var p = test.testdata(); // --> 0

好的，现在开始使用您的点击功能。