1. 程式人生 > 其它 >簡述alert和console.log的區別

簡述alert和console.log的區別

生活中還是得有發現美好和差別的眼睛~~ 學習前端那麼久既然還不知道alert和console.log的差別~~~~ 藍瘦,香菇~~~

本菜鳥一直以為alert和console.log其實是一樣的用法,只是alert以彈出框形式呈現,而console.log在控制檯輸出而已。

知道昨天輸出一段程式碼,結果發現alert和console.log輸出結果不一樣~~~~~本寶寶可算漲見識了~~~

然後就是各種查閱資料,百度檢視,終於發現點眉目啦~~~~~

我寫了這樣一段程式碼 :

alert輸出的結果為:

console.log輸出的結果為:

然後我就尷尬了~~~~~

原來console.log() 可以列印任何型別的資料。而 alert() 只能輸出string,如果alert輸出是物件會自動呼叫 toString() 方法。如果想 console.log() 輸出的與alert相同,需要呼叫 toString()。

所以將後面的改寫成console.log(hmac.toString()) 就可以啦~~~~~~~

下面再來總結下兩者的差別:

[1]alert()

    [1.1]有阻塞作用,不點選確定,後續程式碼無法繼續執行

    [1.2]alert()只能輸出string,如果alert輸出的是物件會自動呼叫toString()方法

        e.g. alert([a,b,c]);//a,b,c

    [1.3]alert不支援多個引數的寫法,只能輸出第一個值

        e.g. alert(1,2,3);//1

[2]console.log()

    [2.1]在列印臺輸出

    [2.2]可以列印任何型別的資料

        e.g. console.log([a,b,c]);//[a,b,c]

    [2.3]支援多個引數的寫法

        e.g. console.log(1,2,3)// 1 2 3 

好啦~~~就是這樣啦。

本文來自學習小花,作者:aixuexi666888,轉載請註明原文連結:https://www.cnblogs.com/aixuexi666888/p/15455855.html