为什么不能将函数内部的值赋给外部（全局）声明的变量？

Question

我不知道为什么我不能将 .hover 函数捕获的值分配给全局声明的变量。

这是我的 jQuery 代码：

jQuery(function($){

  var receipt;

  $("#cartItems tr.cItem").hover(

        function()
        {
            $(this).addClass("highlight");
            receipt = $(this).next().children().text();
            console.log(receipt);
        },
        function()
        {
            $(this).removeClass("highlight");
        }
    );

    console.log(receipt);

  });

这是我的 HTML：

<table id="cartItems">
  <tr>
     <td>Lp.</td><td>z:</td><td>na:</td><td>cena netto:</td>
  </tr>
  <tr class="cItem">
      <td>ru</td><td>pl</td><td>16.00</td>
  </tr>
  <tr>
      <td colspan="4">some simple text that should be assigned </td>
  </tr>
 </table>

首先 console.log(receipt) （在 .hover 函数内）工作正常并输出 一些简单的文本。 . 第二个不输出任何内容。

请帮忙。

谢谢大家这么快的回复。你们对 .hover 功能的看法都是绝对正确的。我的错。但现在我有另一个相关的问题。 我需要这个值将其传递给“qTip”插件，如下所示：

$("#cartItems tr.cItem").qtip(
{
    content: receipt,
    show: 'mouseover',
    hide: 'mouseout'
 });

我应该以某种方式合并这个调用吗？

Answer 1

对 console.log 的“第二次”调用实际上是第一次（当文档准备好时发生），此时您的 var 尚未定义

Answer 2

该值仅在调用悬停函数后才会分配给receipt。您在悬停 #cartItems tr.cItem 之前登录到控制台。

Answer 3

正如其他人提到的，您当前放置 console.log(receipt) 的位置，receipt 尚未初始化。

如果您想将其更改为更有意义的内容，您可以：

1. 将变量声明移至加载函数之外
2. 在其自己的函数中调用 console.log(receipt) ，您可以将其附加到单击事件或之后的任何其他操作 加载函数。

var 收据；

jQuery(函数($){
    $("#cartItems tr.cItem").hover(

    功能 （） {
        $(this).addClass("突出显示");
        收据 = $(this).next().children().text();
        console.log(收据);
    }， 功能 （） {
        $(this).removeClass("突出显示");
    });

});

函数 printConsole() {
    console.log(收据);
}

这是一个 jsfiddle 演示，展示了这一点。

请注意，当它第一次输出值时，它是未定义，因为当页面首次加载时，悬停事件尚未触发，因此变量未初始化。将鼠标悬停并单击链接后，它现在有了一个值。

Answer 4

第二个 console.log 就其在代码中的布局而言，发生在悬停之前，因此该变量是未定义的。悬停后，它会正确记录下一个 tr 子级的文本。这是一个 jsfiddle，你的代码工作正常。 http://jsfiddle.net/63xKR/

Answer 5

只有当您实际将鼠标悬停在元素上时才会执行hover()函数。所以你写的基本上是：

var receipt = null;
var documentReady = someFunctionToBeExecutedLater(){ doesnt matter whats in here };
console.log(receipt);

如你所见，没有人真正调用该函数（documentReady()），因此收据将保持为空。