我可以使用哪些方法来重新排列 javascript 函数的执行顺序？

发布于 2024-08-12 06:22:32 字数 2202 浏览 3 评论 0原文

如何独立于包含顺序重新排列 javascript 函数执行顺序。

一个有帮助但不能完全回答我的问题的问题： 你可以有多个 $(document).ready(function() 部分吗？（答案是肯定的，它们按照添加到 jQuery.ready() 的顺序执行）。

我正在尝试为了方便通知，在我的 BBG ninjawars.net 我希望使用一个简单的系统，让服务器端 php 在页面登录时写出一个 javascript 函数调用 setLoggedIn() ，并写出一个对 clearLoggedIn 的调用() 当页面在注销时被查看时：

<head>
...
        <!-- All the global ninjawars javascript, defines the setLoggedIn(), clearLoggedIn(), and modifyPageLayout() functions and (currently) calls modifyPageLayout() within jQuery.ready() -->
 <script type="text/javascript" src="js/nw.js"></script>

 {if $logged_in} // Server-side check.
   <script type="text/javascript">
     <!--
      setLoggedIn();
     // -->
   </script>
 {else} // Server-side check found that the user was not logged in.
   <script type="text/javascript">
     <!--
      clearLoggedIn();
     // -->
   </script>
 {/if}
</head>

问题：

目前，顺序是：

全局定义 setLoggedIn() 和clearLoggedIn()（在 nw.js 中）
添加页面/信息修改代码，我们称之为modifyPageLayout()，它需要通知jQuery.ready()（在nw.ready()中）。添加
调用setLoggedIn( ) 或clearLoggedIn() 内联在页面上的脚本标记中。

我不知道如何确保对 setLoggedIn() 或clearLoggedIn() 的调用发生在modifyPageLayout() 之前，modifyPageLayout() 当前包装在jQuery.ready() 块中，因此每当加载DOM 时就会运行。

如果我将setLoggedIn()和clearLoggedIn()添加到jQuery.ready()块中，它们将按照添加的顺序执行，因此顺序将变为：modifyPageLayout()，然后setLoggedIn() 或 setLoggedOut() 因此 jQuery.ready() 块中的所有内容都无法实现意图。
setLoggedIn() 和clearLoggedIn() 目前依赖于nw.js 定义的代码，所以我无法调用它们在包含 nw.js 之前。

一种可能的解决方案：

我可以通过将其写为以下方式来延迟修改页面布局函数：

modifyFunction = modifyPageLayout; // Non-executed first-class function variable. (created in nw.js)

setLoggedIn(); // inline in the head of the page
modifyFunction(); // inline in the head of the page

任何人都有其他解决方案吗？

原文

How to rearrange javascript function execution order independent of include order.

A question that assists, but doesn't completely answer my question: Can you have multiple $(document).ready(function() sections? (The answer is yes, and they execute in the order that they are added to jQuery.ready()).

I am trying to make my javascript logged-in/not logged-in aware, for convenient notification purposes, on my BBG ninjawars.net. I was hoping to use a simple system of having the server-side php write out a javascript function call setLoggedIn() when a page is logged in, and write out a call to clearLoggedIn() when a page is being viewed while logged out:

<head>
...
        <!-- All the global ninjawars javascript, defines the setLoggedIn(), clearLoggedIn(), and modifyPageLayout() functions and (currently) calls modifyPageLayout() within jQuery.ready() -->
 <script type="text/javascript" src="js/nw.js"></script>

 {if $logged_in} // Server-side check.
   <script type="text/javascript">
     <!--
      setLoggedIn();
     // -->
   </script>
 {else} // Server-side check found that the user was not logged in.
   <script type="text/javascript">
     <!--
      clearLoggedIn();
     // -->
   </script>
 {/if}
</head>

Problems:

Currently, the order is:

define setLoggedIn() and clearLoggedIn() globally (in nw.js)
Add page/information modification code, lets call it modifyPageLayout() that needs to be informed of logged-in/logged-out to jQuery.ready() (in nw.js)
Call setLoggedIn() or clearLoggedIn() inline in script tags on the page.

I don't know how to make sure that the calls to setLoggedIn() or clearLoggedIn() occur before modifyPageLayout(), which is currently wrapped in a jQuery.ready() block, and would thus run whenever the DOM loaded.

If I added setLoggedIn() and clearLoggedIn() to jQuery.ready() blocks, they would be executed in the order added, thus the order would become: modifyPageLayout(), then setLoggedIn() or setLoggedOut() so all in jQuery.ready() blocks doesn't accomplish the intent.
setLoggedIn() and clearLoggedIn() currently rely on code defined nw.js, so I can't call them
before including nw.js.

One potential solution:

I could delay the modifyPageLayout function by writing it as:

modifyFunction = modifyPageLayout; // Non-executed first-class function variable. (created in nw.js)

setLoggedIn(); // inline in the head of the page
modifyFunction(); // inline in the head of the page

Anyone have other solutions?

分享到QQ

分享到微博