課程
/前端開發
/jQuery
/jQuery基礎(二)—DOM篇
console.log(1)
2017-02-15
源自:jQuery基礎(二)—DOM篇 5-1
正在回答
console.log()
語法:console.log("內容");
作用:將"內容"輸出在控制臺中,方便以后的調試,是一個使用頻率極高的功能。(控制臺在瀏覽器中按F12,打開開發者模式的第二項(console)即可,并且也可以在console選項卡下即時做測試)
在慕課網的學習里一般用alert()來測試腳本,但是該方法有兩個非常嚴重的弊端:
在alert()彈窗出現時,后續的腳本是阻塞的。這意味著,如果你需要做一個數值比較大的循環的時候,它不會一瞬間執行完,你必須要點掉彈出窗口后,它再繼續執行,這測試效率是相當低的。
alert()會將所有內容隱式轉換為字符串型(即toString()),這會輸出開發者不可預料的內容,例如使用alert()輸出對象型:
var?a?=?{ ????myNum:1, ????myArr:[1,2,3] }; alert(a);
????你本希望能得到對象a中的鍵值對內容,但alert()只會輸出[object,Object]。
綜上所述,一般開發時都使用console.log()方法來調試而非alert()。
用例:
console.log(parseInt(Math.random()*10));???//和alert一樣該方法也可以運算 console.log(a);????????????????????????????//前文中的對象a(得到的是鍵值對內容) for(var?i?=?0;?i?<?6;?i++){ ????console.log(i); }??????????????????????????????????????????//循環5次每次輸出i的數值。在控制臺會瞬間出現5個數,相比alert()要方便得多
簡單來說,console.log(1)可以幫你確定程序是否運行到當前位置以查找BUG。
console.log()可以清晰的輸出對象
console.log()可以接受任何字符串、數字和JavaScript對象。與alert()函數類似,console.log()也可以接受換行符n以及制表符t。console.log()語句所打印的調試信息可以在瀏覽器的調試控制臺中看到。
舉報
jQuery第二階段開啟DOM修煉,了解創建、插入、刪除與替換
1 回答console.log(1) 這個放在這有什么用
4 回答console.log(1)
3 回答console.log(1)是i什么意思?
3 回答為什么remove不能移除第一個p元素?:first為什么在remove中1不起作用?
3 回答console.log($(this).title="這是第"+(index+1)+"個"+$(this).id);語法錯誤?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-19
console.log()
語法:console.log("內容");
作用:將"內容"輸出在控制臺中,方便以后的調試,是一個使用頻率極高的功能。(控制臺在瀏覽器中按F12,打開開發者模式的第二項(console)即可,并且也可以在console選項卡下即時做測試)
在慕課網的學習里一般用alert()來測試腳本,但是該方法有兩個非常嚴重的弊端:
在alert()彈窗出現時,后續的腳本是阻塞的。這意味著,如果你需要做一個數值比較大的循環的時候,它不會一瞬間執行完,你必須要點掉彈出窗口后,它再繼續執行,這測試效率是相當低的。
alert()會將所有內容隱式轉換為字符串型(即toString()),這會輸出開發者不可預料的內容,例如使用alert()輸出對象型:
????你本希望能得到對象a中的鍵值對內容,但alert()只會輸出[object,Object]。
綜上所述,一般開發時都使用console.log()方法來調試而非alert()。
用例:
2017-02-20
簡單來說,console.log(1)可以幫你確定程序是否運行到當前位置以查找BUG。
2017-02-17
console.log()可以清晰的輸出對象
2017-02-15
console.log()可以接受任何字符串、數字和JavaScript對象。與alert()函數類似,console.log()也可以接受換行符n以及制表符t。console.log()語句所打印的調試信息可以在瀏覽器的調試控制臺中看到。