JavaScript：闭包帮助

Question

我有一个空的 .js 文件，其中包含以下代码：

Cart.CheckoutNow = {
 ...
}

// Alias

if (typeof(CheckoutNow) === 'undefined') {
    CheckoutNow = Cart.CheckoutNow;
}
else {
    alert('CheckoutNow is already a variable in window.');
}

如何让 // Alias 代码出现在页面顶部，但在声明 Cart.CheckoutNow 之后执行它？

这可行，但我不喜欢你必须在底部调用alert()：

alias = function() {
 if (typeof(CheckoutNow) === 'undefined') {
  CheckoutNow = Cart.CheckoutNow;
 }
 else {
  alert('CheckoutNow is already a variable in window.');
 }
};

Cart.CheckoutNow = {
 ...
};

alias();

Answer 1

如果没有解释为什么要尝试这样做，我会猜测这是为了更好的代码组织。如果是这种情况，我会将您的 JavaScript 分成多个文件，并按以下顺序包含在您的页面上：

// namespace.js
if (typeof Cart === 'undefined') {
    Cart = {};
}

// checkoutnow.js
Cart.CheckoutNow = {
    // module code here
}

// alias.js
alias = function() {
    // alias code here
}

// domready.js
onDocumentReadyFunction() {
    alias();
}

Answer 2

我不确定这是否真的是您想要做的，但如果您确定，那么您想要的是：

window.setTimeout(function(){

  // Alias
  if (typeof CheckoutNow === 'undefined') {
    CheckoutNow = Cart.CheckoutNow;
  }
  else {
    alert('CheckoutNow is already a variable in window.');
  }

},0);

Cart.CheckoutNow = {
  ...
}

Answer 3

您必须在函数中定义 Alias 并将其称为 body 的 onload 事件。