java script関数コールの追跡(改)
TRANSCRIPT
![Page 1: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/1.jpg)
JavaScript関数コールの追跡(改)
@kobayan_tokyo
![Page 2: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/2.jpg)
これまでの話
・windowスコープ配下の変数を漁り、関数をすべてラップしてログを仕込む。
・全ての関数を対象にするとログが雑多になるので、いらない関数はガンガン削る(関数名でフィルタ)。
サンプル
https://gist.github.com/kobake/5b3f9253d06e9b0ae717
![Page 3: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/3.jpg)
ここからの話
コールスタックとか見たい
function getCallStack(){ var caller = arguments.callee; var ret = []; while(caller = caller.caller) ret.unshift(caller); return ret;}
![Page 4: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/4.jpg)
紆余曲折ありましたが
なんとなくコールスタック埋め込めたサンプル
https://gist.github.com/kobake/0840d79e2c2c0067c8f5
![Page 5: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/5.jpg)
jsデバッグ環境は一夜にしてならず
まだまだ改善の余地があります
引き続き研究していく所存
![Page 6: Java script関数コールの追跡(改)](https://reader038.vdocuments.pub/reader038/viewer/2022100605/559b66e91a28ab2b3c8b47cc/html5/thumbnails/6.jpg)
近況
触ってるもの
・AngularJS(モダンな何か)
気になってるもの
・Sencha(スマホアプリ)
挫折中
・Chromeビルド(ディスク圧迫したので一旦消した)