javascript - 如何生成唯一ID？

Question

为了获得 20 张图像，我运行了两次对 google 的调用(默认情况下，google 一次调用只为您提供一组 10 张图像)。但是，我需要为我得到的每个元素生成一个唯一的 id。这是我正在使用的 jQuery，但第二组 10 张图像的 ID 与前一组相同:

 function loadImage() {
    var uniqueId = (function() {
        var counter = 0;
        return function(prefix) {
            counter++;
            return prefix ? prefix + '' + counter : counter;
        }
    })();
    // GOOGLE IMAGES FRONT
    function createGoogleImagesLoad(initialValue) {
        var termS;          
        termS = $("#usp-title").val();
        var _start = initialValue || 1;
        var imagesCount = 10;
        var myCx = 'MY_CX';
        var myKey = 'MY_KEY';
        var $grid = $('.grid').packery({
          itemSelector: '.grid-item',
          percentPosition: true
        });
        return function() {
            $.getJSON("https://www.googleapis.com/customsearch/v1", {
            q: termS,
            alt: "json",
            searchType: "image",
            cx: myCx,
            num: imagesCount,
            start: _start,
            key: myKey,
            language: "it",
            rights: "cc_publicdomain, cc_attribute",
            filter: "1",
            safe: "high",
            imgType: "photo",
            fileType: "jpg"
            },
          function (data) {
              $.each(data.items, function(i, item) {
                var uniq = uniqueId('thing_');
                var $items = $('<div class="col-xs-12 col-md-6 grid-item">'.concat(
                  '<div class="thumbnail">',
                  '<input type="checkbox" name="', uniq, '" value="valuable" id="', uniq, '" />',
                  '<label for="', uniq, '">',
                    '<img class="img-responsive" src="' + item.link + '">',
                  '</label>',
                '</div>',
              '</div>'));
                $grid.append( $items ).packery( 'appended', $items );
                $grid.imagesLoaded().progress( function() {
                $grid.packery();
                $('body').on('change', '.grid .thumbnail :checkbox', function () {
                  var urls = [];
                  $(':checkbox:checked').each(function () {
                    urls.push($(this).next('label').find('img').attr('src'));
                  });
                  var str = '';
                  urls.forEach(function (url) {
                    str += '<div class="col-xs-12 col-md-6 grid-item"><div class="thumbnail"><img onerror="hideContainer(this)" src="' + url + '"/></div></div>';
                  });
                  $('#usp-custom-4').val(str);
                });
              });
            });
          });
          _start += imagesCount;
      }
    }
    var googleImagesFront = createGoogleImagesLoad();
    googleImagesFront();
}

Answer 1

您是否调用了两次 loadImage()？这就是问题所在，它每次都会重新生成 uniqueId 函数，将 counter 重置为 0。将 uniqueId 函数移到 loadImage 之外，它应该可以修复它.