WordPressでデフォルトスクリプトとして登録されているunderscore.jsが機能しない

Question

WordPressでデフォルトスクリプトとして登録されているunderscore.jsを利用したいのですが、うまく動かないです。
理由がわからないので理解する手助けしていただけませんでしょうか。

実施した作業は以下の通りです。
(1)
index.phpの</main>タグの後に、以下のコードを記述してローカル環境で動作確認しました。

<script>
  var x = _.shuffle([2,8,10,3]); 
  console.log(x); 
</script>

結果は以下のエラーが表示されました。
Uncaught ReferenceError: _ is not defined　

(2)
function.phpにてunderscore.jsのCDNを利用して読み込んだところ、（１）のjsは正常に動作するようになりました。

wp_enqueue_script( 'underscore-js', '//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.12.1/underscore-min.js' );

(3)
WordPressにはunderscore.jsのファイルがあらかじめ登録されているので、そちらを利用しようと(2)の記述を以下のように変更しました。

wp_enqueue_script( 'underscore' );

結果は(1)と同様に以下のエラーが表示されました。
Uncaught ReferenceError: _ is not defined　

デベロッパーツールで確認すると、(3)の記述方法であってもunderscore.jsのファイルは読み込まれているようです。
どのようにすればあらかじめ登録されているunderscore.jsが正常に動作するのかがわかりません。
どなたかご教示いただけると助かります。
よろしくお願いいたします。

Answer 1

フッターにロードしてるだろうから読み込む順番が原因で動かないんだろ。

こんな風にしときゃヘッダーにロードするはずなので動くはず。

add_action( 'wp_enqueue_scripts', function() {
	wp_enqueue_script( 'undescore', includes_url( 'js' ). '/underscore.min.js' );
} );

Comments

[haleru]

ご回答ありがとうございます。
おっしゃる通りfooterでロードしているためエラーとなっていました。
headで読むようにwp_enqueue_script()を記述すれば想定通りに動きます。
ただ、wp_enqueue_script()の第一引数には事前登録されている$handleの文字列を渡してしまうと、
headで読み込まれないようです。
$handleの文字列に注意が必要だと理解しました。