使用+ =运算符获取NaN

Question

我试图在页面上获得两个div的组合高度.当我以第一种方式执行时,我得到NaN作为结果,但是检查控制台,只添加了两个结果,两者都是类型编号.

(这导致NaN)

$scope.getPageHeader = function () {
  var headerSize;
  var myArr = [];
  var pageHeaders = jQuery(".page-header");

  jQuery(pageHeaders).each(function () {
    headerSize += jQuery(this).height();
    // myArr.push(jQuery(this).height());
    // headerSize =  myArr[0] + myArr[1];

  })
  return headerSize;
}

如果我尝试以漫长的方式做到这一点,将两个项目推到一个阵列并添加它们,它就可以了.为什么是这样？

(这导致返回正确的数字)

$scope.getPageHeader = function () {
  var headerSize;
  var myArr = [];
  var pageHeaders = jQuery(".page-header");

  jQuery(pageHeaders).each(function () {
    //headerSize += jQuery(this).height();
    myArr.push(jQuery(this).height());
    headerSize =  myArr[0] + myArr[1];

  })
  return headerSize;
}

Answer 1

初始化headerSize为0因为isNaN(undefined + 0)