变量未定义的问题

Question

我创建了一个循环遍历一组产品的函数，并将其复制区域的高度设置为该组中最高复制区域的高度。

这是我的代码：

function productCopyHeight(){
    //make sub range product text sections the same height
    if($('.sub-range').length){
        $('.sub-range').each(function(){
            var itemHeight = 0;
            $(this).children('.product-item').children('.copy').each(function(i){
                var thisItemHeight = $(this).height();
                console.log(thisItemHeight + ' > ' + itemHeight)

                if(thisItemHeight > itemHeight){
                    var itemHeight = thisItemHeight;
                }

            });
            $(this).children('.product-item').children('.copy').css('height', itemHeight);
        })
    }

}

当我记录它时，当它在每个循环之前定义时，它显示 itemHeight 变量为未定义。

Answer 1

这是因为您在内部each 的回调中声明了另一个同名变量。这里：

if(thisItemHeight > itemHeight){
  var itemHeight = thisItemHeight;
}

该变量与循环之前的变量不同，并且该变量也被提升到函数的顶部。该变量的值为undefined，因为您在为其赋值之前使用了它。

您应该使用已有的变量，而不是创建另一个变量：

if(thisItemHeight > itemHeight){
  itemHeight = thisItemHeight;
}