无法访问函数jquery之外的变量

Question

一直在读书，现在很困惑。我试图访问全局范围内的局部变量。我已经删除了函数内部的var，但它仍然以＆＃34; undefined＆＃34;的形式返回。我确定我只是遗漏了一些东西 - 任何帮助都会非常感激。谢谢！

var totalcostApple;

function shopping() {

    $("#apple").on("keyup", function () {

    var quantity = $("#apple").val();

    totalcostApple = (quantity * 0.2).toFixed(2);


     });

};

shopping();

console.log(totalcostApple);

Answer 1

你似乎误解了自己在做什么。你的代码流程都搞砸了。当您调用shopping()时，您指示浏览器将keyup事件绑定到apple对象。然而，在将它绑定到对象之后，您查询变量。但是你的速度不够快，无法在shopping函数和keyup事件之间生成密钥事件。只是为了向您展示，而不是仅仅一次登录控制台，尝试在其他时间将其记录到控制台。随时。添加以下代码行：

$(window).on('click', function(){ console.log(totalcostApple); });

现在，您可以在实际更改时测试。每次单击时，它都会将totalcostApple的当前值记录到控制台。

但实际上，你应该改进你的代码：

// add some code to assure that everything you do only gets executed after the DOM is ready
$(document).ready(function(){
    // add a default value to your totalcost.
    var totalcostApple = 0;

    function shopping() {
        // remove your keyup event from here and tie it in directly.
        var quantity = $("#apple").val();
        totalcostApple = (quantity * 0.2).toFixed(2);
        // move your log inside the event so you can see it when it *changes*
        console.log(totalcostApple);
    };

    $("#apple").on("keyup", shopping);
});