Q&A
そのjsはHTML内に書かれていますか？それとも外部ファイルにかかれていますか？
実際のプログラムよりかなり簡素化していますが、
function test1(){
console.log("no.1");
test2();
console.log("no.3");
}
function test2(){
console.log("no.2");
}
となっているときにtest1を実行すると
ログとして
no.1
no.2
no.3
の順番で表示されることを期待しているのですが、
no.1
no.3
no.2
と実行されてしまう環境があります。
全く同じプログラム（jsファイル）で
正しい結果が出るのが確認環境（wordpress4.9）で
順番がおかしな結果が出るのが本番環境（wordpress5.8)です。
自分としてはありえない順序で実行されていると驚いているのですが、
自分が知らない、関数を並行処理する機能であったり、
呼び出した関数の処理を後回しにして、先に呼び出し元の残りのプログラムを
処理してしまうような命令／設定などがJavascriptにあるのでしょうか？
※実際のプログラムはjQueryを使用しています。
解決の糸口が全くつかめなく非常に困っております。
アドバイスをいただければと思っています。
外部ファイルです。
よろしくお願いいたします。
test2() が async function になってたりしない？
そのコードで再現するのでしょうか？再現しないレベルまで簡略化するのは意味ないです。
test2()は何かのイベントハンドラの中から呼ばれるようにっていたりしないでしょうか。
「かなり簡素化」と言ってますが、省いてしまった部分に原因があると思います。
>test2() が async function になってたりしない？
なってないとは思うのですが、async functionについて詳しくない（そのように定義する方法を知らない）のでもう少し調べてからお答えしたいと思います。
otn様
yossie様
同一サーバー、同一プログラムで正しい順序で動くプログラムがあり、
正しくない方との差分はwordpressのバージョンだけです。
加えて言うと、正しく動いていない方もwordpressのバージョンが古いときは正しく動いていたので
やはり、原因はwordpressのバージョンというか、
wordpressが初期段階で読み込んでいるjsもしくは
htmlのmeta文、その他自分が把握していないなにかにあるのかなと思っています。
可能性はゼロではないと思いますが、まずはtest1(),test2()の内容で挙動がちがうというより、
その前段階の宣言や処理で挙動が変わってしまったのではと思い、test1,test2の内容を簡素化して載せています。
何卒、よろしくお願いいたします。
補足になりますが、
test1()内でのtest2()の呼び出し方法は簡素化したプログラムのとおりです。
少なくともtest1()内では特別な呼び出し方法は用いておりません。
（関数の宣言、呼び出し命令の前後に特別な引数や命令はありません）
原則非同期処理でなければソースは順番に処理されます
なので再現性のある最小レベルのソースを提示いただいて検証する以外
回答しようがありません
「そちらの２つの異なる環境で、質問に掲載されているままの短いコードであっても、動作に違いが出る」
ということで、間違いないでしょうか？
質問タグに jQuery があるのですが、これは実際のコードには jQuery が書かれているという理解で合っていますか？
ああ、記述がありましたね、すみません。
otn様
動作に違いが出るはず・・のつもりで簡易的なソースを載せたのですが、
掲載した簡易コードでは違いが出ませんでした。
いただいた言葉をヒントに
ひたすら細かくログを吐き出すようにして、どこまで正しい順序で進むかを
検証して解決にいたりました。
ありがとうございました。
回答1件
0
自己解決
自分でも具体的になぜ解決したのかはわかっていないのですが、
wordpressのバージョンが変わることによって今まで使用していたテーマがうまく使えず
テーマの設定をいろいろ変えたときにjQueryの呼び出し方が変わったのが原因っぽい事がわかりました。
実際のコードとは違いますが、順番が飛んでしまう関数内に記載されていたjQueryの呼び出しを下記のような形で書き直すと正しい順序で作動するようになりました。
jQuery(function($) {
$('.box1').css('display','block');
});
↓
jQuery('.box1').css('display','block');
この質問に関わってくださった皆様ありがとうございました。
投稿2022/01/27 06:25
編集2022/01/27 06:33総合スコア14
あなたの回答
tips
プレビュー
