javascript - JS : Should I set a var/let in a click (or equivalent) event?

Question

想知道什么是正确的以及为什么是正确的？

我问这个问题是因为我不确定何时使用什么。

这个:

function foo(){
    $('.bar')
        .click(function(){
            var baq = 'baz';
        })
}

或者这个

function foo(){
    var baq;
    $('.bar')
        .click(function(){
            baq = 'baz';
        })
}

还有这个:

function foo(){
    $('.bar')
        .click(function(){
            let baq = 'baz';
        })
}

或者这个

function foo(){
    let baq;
    $('.bar')
        .click(function(){
            baq = 'baz';
        })
}

Answer 1

回答前两段代码。

假设您单击了类名为 bar 的项目，当您执行此操作时，您希望将 baq 设置为 baz 的值，仅此而已。< em>点击发生后，您并不真正关心变量 baq。这里的变量在其作用域内是本地。

function foo(){
$('.bar')
    .click(function(){
        var baq = 'baz';
    })}

现在，也许您担心变量 baq。假设您正在制作披萨？Baq 首先是一个字符串变量 ""。

在第一个函数中，你添加了奶酪，有些人可能不会。所以我说baq="Cheese"。在下一个选择中，假设有一个类“vegetables”。当有人点击蔬菜时，我添加一个蔬菜，baq=baq+“蘑菇”。接下来，有一个类“meat”。类似地，依此类推。

本质上，当我想重用 baq时，我使用以下内容，其中变量在其范围内是global。Click放在奶酪和蘑菇上 JSFIDDLE

function foo(){
var baq;
$('.bar')
    .click(function(){
        baq = 'baz';
    })}

有关 let 用法的信息，请查看此 link