首頁 > web前端 > js教程 > 主體

console.log()的作用

angryTom
發布: 2019-07-20 14:46:04
原創
48734 人瀏覽過

console.log()的作用

推薦教學:Javascript教學

#console.log ()

語法:console.log("內容");

作用:將"內容"輸出在控制台中,方便以後的調試,是使用頻率極高的功能。 (控制台在瀏覽器中按F12,開啟開發者模式的第二項(console)即可,並且也可以在console選項卡下即時做測試

console.log()的作用

與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()的作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!