javascript函数与jquery命名空间函数，有什么区别？

Question

为什么会有像下面这样的 JavaScript 函数...

function stars() {
var mOpacity = $('#area').css('opacity');
if (mOpacity = 1) {

$('#title').find('.stars').animate({"marginTop":"-170px",opacity:1}, 3000)
.animate({opacity: 0}, 400)
.animate({"marginTop":"60px",opacity:0},0, stars);
  }
}
stars();

...当我尝试执行类似操作时会破坏我的浏览器...

$.stars = function() {
var mOpacity = $('#area').css('opacity');
if (mOpacity = 1) {

$('#title').find('.stars').animate({"marginTop":"-170px",opacity:1}, 3000)
.animate({opacity: 0}, 400)
.animate({"marginTop":"60px",opacity:0},0, $.stars());
  }
}
$.stars();

这两种函数风格之间的教训是什么？

谢谢

好的，根据大家的反馈来查看更多代码，这是我的 .js 文件中的代码的完整示例...

function mIntro() {

/********PRE-GAME ANIMATION*********/
$('#area').css({'opacity':0}).delay(1000).animate({opacity:1},300);
$('#title').find('.age').css({'opacity':0}).delay(2000).animate({opacity:1}, 3000);

function stars() {
var mOpacity = $('#area').css('opacity');
if (mOpacity = 1) {

$('#title').find('.stars').animate({"marginTop":"-170px",opacity:1}, 3000)
.animate({opacity: 0}, 400)
.animate({"marginTop":"60px",opacity:0},0, stars);
  } 
}
stars();
}

$(function() {
  mIntro();
});

我已将 jquery 连接到此 .js 页面，但我无法理解为什么必须将星号封装在传统的 javascript 函数中，而对于 jquery 命名空间函数则不灵活。我打赌这与重新调用星星的动画标签有关，但我不确定......

谢谢或任何建议!!!

Answer 1

您无意中在第二个片段中调用了它:

.animate(..., $.stars());

您应该以相同的方式对其进行编码:传递函数，而不是调用它的结果:

Function:             stars      $.stars
Result of calling:    stars()    $.stars()