次の関数呼び出しへのステップインと Chrome でのステップの違い

次の関数呼び出しへのステップインと Chrome でのステップの違い

2つのボタン

ここに画像の説明を挿入
ここに画像の説明を挿入

ケース

debugger;
console.log('start');
new Promise(resolve=>{
    
    
    resolve()
}).then(()=>{
    
    
    console.log('inside')
});
console.log('outside');

次の関数呼び出し実行プロセスにステップインする

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ブレークポイントが 6 行目に到達すると、8 行目のコードが出力されており、8 行目でブレークポイントはブレークされていません。

ステップ実行プロセス

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
最初に 8 行目にブレークポイントを使用しstep、次に 6 行目にブレークポイントを使用します。

結論は

Step into next function call: 非同期関数の実行後、非同期関数の背後にあるコードを破壊することはできません。ショートカット キー F11。
Step: 非同期関数の実行後、非同期関数の背後にあるコードが壊れる可能性があります。ショートカットキーF9。

おすすめ

転載: blog.csdn.net/dzdzdzd12347/article/details/131274135