javascript中alert()與console.log()的區(qū)別
更新時間：2015年08月26日 09:02:21 投稿：hebedich
我們在做js調試的時候使用 alert 可以顯示信息，調試程序，alert 彈出窗口會中斷程序， 如果要在循環(huán)中顯示信息，手點擊關閉窗口都累死。而且 alert 顯示對象永遠顯示為[object ]。 自己寫的 log 雖然可以顯示一些 object 信息，但很多功能支持都沒有 console 好
[1]alert()
[1.1]有阻塞作用，不點擊確定，后續(xù)代碼無法繼續(xù)執(zhí)行
[1.2]alert()只能輸出string,如果alert輸出的是對象會自動調用toString()方法
e.g. alert([1,2,3]);//'1,2,3'
[1.3]alert不支持多個參數的寫法,只能輸出第一個值
e.g. alert(1,2,3);//1
[2]console.log()
[2.1]在打印臺輸出
[2.2]可以打印任何類型的數據
e.g. console.log([1,2,3]);//[1,2,3]
[2.3]支持多個參數的寫法
e.g. console.log(1,2,3)// 1 2 3
alert 和 console.log 的結果不同？
score = [1,2,3];
sortedScore = [];
console.log(score);
sortedScore = score.sort(sortNumber)
console.log(sortedScore);
function sortNumber(a, b) {
return b - a;
}
以上輸出：
[3, 2, 1]
[3, 2, 1]
但是改成alert：
score = [1,2,3];
sortedScore = [];
alert(score);
sortedScore = score.sort(sortNumber)
alert(sortedScore);
function sortNumber(a, b) {
return b - a;
}
以上輸出：
1, 2, 3
3, 2, 1
為什么會這樣？不應該都是：
1, 2, 3
3, 2, 1
嗎？
經過一番研究發(fā)現是chrome實現的問題，對輸出做了不太合適的優(yōu)化，把console.log的實際執(zhí)行推遲，相當于“惰性”求值，遇上數組、對象這樣的引用類型就出上面的問題了。
https://bugs.webkit.org/show_bug.cgi?id=35801
這是一個很有歷史的 BUG，上個月在開發(fā)版已經修復了。
相關文章
相信好多小伙伴在使用getUserInfo獲取小程序用戶昵稱和頭像時卻獲取不到,下面這篇文章主要給大家介紹了關于微信小程序登錄獲取不到頭像和昵稱的詳細解決辦法,需要的朋友可以參考下2022-12-12
本文主要介紹了three.js中聚光燈及其屬性介紹小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
JavaScript isArray()函數判斷對象類型的種種方法
我們知道，JavaScript中檢測對象類型的運算符有：typeof、instanceof，還有對象的constructor屬性2010-10-10
最近客戶在使用我們的流量監(jiān)測系統(tǒng)以及GA時發(fā)現了一個問題，我們統(tǒng)計到的數據比GA的要多很多倍，而且我們統(tǒng)計到的數據中，跳出率非常高，高達99%左右。2010-09-09
今天小編就為大家分享一篇關于layui的下拉搜索框異步加載數據的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了bootstrap 輸入框組 通過加減按鈕來增加刪除內嵌輸入框組,當我點擊 + 按鈕時，會添加一行輸入框組；當點擊 - 按鈕時，會刪除這一行輸入框組。具體實現代碼大家參考下本文2017-11-11
這篇文章主要介紹了淺談JavaScript中的“!!”作用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
nuxt+axios實現打包后動態(tài)修改請求地址的方法
這篇文章主要介紹了nuxt+axios實現打包后動態(tài)修改請求地址的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要為大家詳細介紹了JS面向對象實現飛機大戰(zhàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家介紹了undefined與null的區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12