Uncaught TypeError: is not a function が解決できない

前提・実現したいこと

下記エラーが発生して、何が原因なのかが掴めていません。
色々調べたのですが、解決できておらずこちらに書き込みさせて頂きました。

発生している問題・エラーメッセージ

Uncaught TypeError: _updateMenu is not a function

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
5<script type="text/javascript" src="./js/api.js"></script>
6<script type="text/javascript" src="./js/main.js"></script>
7</head>
8<body>
9・
10・
11・
12</body>
13</html>

api
1api.js>>
2'use strict';
3var teraApi = function() {
4
5  var _updateMenu;
6  var init = function(
7    updateMenu
8  ){
9    _updateMenu = updateMenu;
10  };
11
12  var getMenu = function() {
13    let attributes = {};
14    let callback = function(response) {
15      _updateMenu(response.Data);   ※ここでエラー出力　response.Dataは取得確認済
16    };
17    let errMessage = 'エラーが発生しました。';
18    _sendRequest(url, true, attributes, showLoading, callback, errMessage);
19  };
20
21  var TeraApi = function(){};
22  TeraApi.prototype.getMenu = getMenu;
23  return new TeraApi();
24};

main
1main.js>>
2'use strict';
3function updateMenu(data) {
4・・・処理省略
5}
6
7$(function() {
8  // 初期化
9  objApi = teraApi();
10  objApi.init(
11    updateMenu
12  );
13});
14
15$(window).on('load', function(){
16  objApi.getMenu();
17});

試したこと

ブラウザのデバックで、エラー出力される前に関数が初期化されており
別の処理で複数呼び出している箇所もないのですが、他に原因が解らずの状況です。

行動規範の内容に同意します

回答1件

ベストアンサー

_updateMenuは関数では有りません、とおっしゃってますが、
どこかで_updateMenuと言う関数を定義してるんでしょうか

投稿2020/12/09 03:48

y_waiwai

総合スコア87784

maystorm

2020/12/09 04:07

ご回答ありがとうございます。 api.js>> var _updateMenu; var init = function( updateMenu ){ _updateMenu = updateMenu; }; の箇所で定義して、 main.js のupdateMenuを参照するように設定しております。

y_waiwai

2020/12/09 04:12

なら、そのエラーが出る場所で、その_updateMenuになにが入ってるのか見てみればどうでしょうか

maystorm

2020/12/09 05:00

アドバイスありがとうございます。確かに、定義部分を確認したところ、「undefine」となっており、参照元の関数が正しく設定されていませんでした。【修正箇所】 >>api.js var init = function( updateMenu ){ >>main.js objApi.init( updateMenu ); 上記設定で、他の関数も設定しており、設定順が合っていおらず修正しました。ありがとうございます。とても助かりました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！