日本語プログラミング言語なでしこ公式掲示板

AWAIT実行のコツがわからないので質問です。
というかjavascriptのasyncがわからない人の質問です。

なでしこ3webkit版(chrome)　+　PixiJS　v4　+　pixi-spine3.8です
#　----------------------------------------------------------
SPINEテスト("spines/spineboy.json")
●SPINEテスト(ファイル名)
　AAA=『
(async　function　(ファイル名)　{
　　　　const　app　=　new　PIXI.Application({width:　800,height:　600});
　　　　document.body.appendChild(app.view);//キャンバスを置く
　　　　const　loader　=　PIXI.loader
　　　　loader.add('spd',　ファイル名);
　　　　await　new　Promise((resolve)　=>　loader.load(resolve));//素材ロード待ち
　　　　var　sp　=　new　PIXI.spine.Spine(loader.resources.spd.spineData);//ロード後、リソースをspineに変換
　　　　app.stage.addChild(sp);//キャラが表示される
　　　　console.log(sp);//spineのデータが表示される
　　　　return　sp;//なでしこ3の変数に戻したい
})
』をJS実行
　AAAを[ファイル名]でAWAIT実行
　spはそれ
　spをコンソール表示　//おもったのとちがう
#　----------------------------------------------------------

SpineのデータをPixiJSでロードして、Spineを操作するためのオブジェクト(sp)を戻してもらおうとしました。
上記を実行するとエラーは出ずSpineのキャラ絵が表示されるのでおおまかな流れはあっているはずなのですが、なでしこ3に値を返ってくるものだけがうまくいきません。

「console.log(sp);」と「spをコンソール表示」で両方Spineが表示されてほしいのですが
コンソール表示のほうはasync関数（？）が返ってきます

変数spをなでしこ3側に返すにはどう書き換えるとよいですか。

pixijsのpixi-spineサンプル
https://pixijs.io/examples-v4/#/plugin-spine/spineboy.js