如何使用 Chrome 開發工具在函式的本地范圍內評估代碼？即以下代碼
const name1 ="alireza"
function person(){
const name2 ="joe"
}
在控制臺中手動執行的代碼的結果應該是
console.log(name2) //"joe"
uj5u.com熱心網友回復：
您正在尋找的是斷點：
您可以在要檢查的函式內的行上動態設定斷點：devTools 將在該行執行之前中斷，您可以在控制臺中評估該函式范圍內的代碼。
或者 - 如果您可以更改代碼（您也可以從 devTools更改代碼） - 您可以在您希望執行中斷的地方放置一條debugger陳述句。
uj5u.com熱心網友回復：
這有點棘手，因為您要檢查的陳述句是函式中的唯一陳述句。
如果您要在以下行添加另一個陳述句：
const name1 ="alireza"
function person(){
const name2 ="joe"
const name3 ="bob";
}
然后你可以：
- 打開除錯器選項卡
- 在后面的行上創建一個斷點
const name2 ="joe" - 打開控制臺選項卡
- 鍵入
person()以運行該person功能 - 等待斷點被命中
- 回傳控制臺選項卡
- 型別
console.log(name2);（或者您可以只查看報告所有范圍內變數的除錯選項卡中的除錯資訊）。
uj5u.com熱心網友回復：
const name1 ="alireza"
function person(){
this.name2 ="joe"
}
const thisPerson = new person;
console.log(thisPerson.name2)
// joe
這是你想要的嗎？
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/441666.html
下一篇：修改JSON字串