javascript - Javascript - 在函数定义变量中使用

Question

我想执行这个函数并在函数外部使用变量，但在每个函数内部。我怎样才能让它工作？

$('.social').each(function() {
    url = "http:www.google.com";
    bit_url(url);    
    $(element).append(urlshortened);
});

function bit_url(url) {
        var url = url;
        var username = "...";
        // bit.ly username
        var key = "...";
        $.ajax({
            url : "http://api.bit.ly/v3/shorten",
            data : {
                longUrl : url,
                apiKey : key,
                login : username
            },
            dataType : "jsonp",
            success : function(v) {
                urlshortened = v.data.url;
            }
        });
    }

Answer 1

Ajax 中的“A”代表异步代码不会那样工作，你需要回调。

function bit_url(url) {
   [...]
   //return the Deffered object
   return $.ajax({ [...]
}

$('.social').each(function() {
    [...]
    //attach a `done` callback to the returned $.ajax's Deferred instance
    bit_url(url).done(function(v) {
        $(element).append(v.data.url);
    });
});

Deferred.done等效于$.ajax's success，我已将done处理程序附加到.each范围内，因此您的回调可以访问范围内的所有变量.each。

虽然，如果总是相同的元素，您可以通过将成功处理程序$(element)放入@JohnJohnGa 的答案。append

由于问题的性质，我假设您想要替换锚点，因此您将在内部存储对链接的href引用并在回调中使用该引用。.each.each

Answer 2

您可以将结果附加到success函数中

success: function (v) {
    urlshortened = v.data.url;
    $(element).append(urlshortened)
}

所以你的代码将是：

$('.social').each(function () {
    url = "http:www.google.com";
    bit_url(url);
});

function bit_url(url) {
    var url = url;
    var username = "...";
    // bit.ly username
    var key = "...";
    $.ajax({
        url: "http://api.bit.ly/v3/shorten",
        data: {
            longUrl: url,
            apiKey: key,
            login: username
        },
        dataType: "jsonp",
        success: function (v) {
            $(element).append(v.data.url);
        }
    });
}