javascript 参数匿名函数

Question

有人可以解释一下下面代码片段中的 function(tx) 吗，来自此页面：http://www.webkit.org/demos/sticky-notes/。 tx 在哪里以及如何分配？我已经在此处查找信息，但仍然一无所知。

我认为我理解的是，对象的 saveAsNew 方法被定义为一个匿名函数，它首先创建一个时间戳并创建对其自身的本地引用（note=this），然后调用db 对象的 transaction 方法，为该方法提供一个参数，该参数是另一个具有参数 tx 的匿名函数。但我不明白 tx 来自哪里。

   .
   .
   .
      saveAsNew: function()
         {
             this.timestamp = new Date().getTime();        
             var note = this;
             db.transaction(function (tx)   
                 {
                 tx.executeSql("INSERT INTO WebKitStickyNotes (id, note, timestamp, left, top, zindex) VALUES (?, ?, ?, ?, ?,                   ?)", [note.id, note.text, note.timestamp, note.left, note.top, note.zIndex]);
                 }); 
    },
    .
    .
    .

完整代码粘贴

Answer 1

函数调用 db.transaction() 本身需要一个参数。该参数本身就是 db.transaction() 将调用的一个函数，当它调用该函数时，它将向其传递一个参数。名称 tx 可以是任何内容，它只是该函数的第一个参数的名称。

您的代码可以使用您传递给 db.transaction() 的函数作为匿名函数编写，就像您在此处所做的那样：

db.transaction(function (tx)   
{
    tx.executeSql("INSERT INTO WebKitStickyNotes (id, note, timestamp, left, top, zindex) VALUES (?, ?, ?, ?, ?,                   ?)", [note.id, note.text, note.timestamp, note.left, note.top, note.zIndex]);
}); 

或者可以这样编写，这样更明显正在发生，但并不那么紧凑：

function writeSql(tx) {
    tx.executeSql("INSERT INTO WebKitStickyNotes (id, note, timestamp, left, top, zindex) VALUES (?, ?, ?, ?, ?,                   ?)", [note.id, note.text, note.timestamp, note.left, note.top, note.zIndex]);
}

db.transaction(writeSql);

Answer 2

首先，tx是一个参数定义。您可以选择任何名称，也可以是 bar。它与定义函数没有什么不同，

function foo(bar) {

}

如果您想知道“谁”正在传递此参数，那么它可能是db.transaction。您正在将函数作为回调^{传递[维基百科]}。 db.transaction 会在某个地方调用：

callback(transaction);

也许这个例子有助于理解：

function hello(callback) {
    // do some very important world changing computations... then:
    callback('Hello ');
}

hello(function(foobar) {
    alert(foobar + 'Tim!');
});
// alerts 'Hello Tim!'

这里，hello 函数将一个参数传递给回调函数。

Answer 3

您可以使用任何变量，只要在匿名方法定义中使用相同的变量即可。当调用匿名方法时，交易方法将传递一个值作为第一个参数，并将其分配给 tx.

Answer 4

函数 saveAsNew 返回一个以 tx 作为参数的函数：

var new = saveAsNew();
new(tx);

至于 tx 来自哪里，从这个片段中无法说出。

Answer 5

db.transaction() 函数必须采用一个参数，该参数是一个采用一个参数的函数（在您的示例中为 function(tx) ）。

它可能被记录为 db.transaction(callback)。

参数 tx 由 db.transaction() 函数发送到回调函数（在您的情况下为匿名函数（tx））。

Answer 6

您的代码相当于：

 saveAsNew: function()
     {
         this.timestamp = new Date().getTime();        
         var note = this;
         function booga(tx)
         {
             tx.executeSql("INSERT INTO WebKitStickyNotes (id, note, timestamp, left, top, zindex) VALUES (?, ?, ?, ?, ?,                   ?)", [note.id, note.text, note.timestamp, note.left, note.top, note.zIndex]);
         }
         db.transaction(booga);
},

“booga(tx)”中的“tx”来自哪里？答：调用 booga 的人都会传递一个参数，tx 是我们给该参数起的名字。

Answer 7

如果我知道 transaction() 是什么，我也许可以为您提供更多帮助。

但我相信这是函数返回的东西。

就像点击有一个返回的事件一样

，在事务代码中的某个地方，一个变量被发送到函数，然后您可以在代码中命名和使用该函数。

---

从前面的代码来看：

db = openDatabase("NoteTest", "1.0", "HTML5 Database API example", 200000);

您必须研究具有 transaction 函数的 openDatabase 的用途。

您可以在此处阅读openDatabase()