console.log()與console.dir()的區(qū)別及說明
console.log()與console.dir()的區(qū)別
1、console.log()
其一、主要表示:向 Web 控制臺輸出一條消息;
其二、而具體是什么信息就以傳遞的實(shí)參為準(zhǔn),然后就是在控制臺就能顯示自己傳遞參數(shù)的結(jié)果;
2、console.dir(object)
其一、主要表示:在控制臺中顯示指定 JavaScript 對象的屬性,并通過類似文件樹樣式的交互列表顯示;
其二、一般是:打印出該對象(object)的所有屬性和屬性值;
其三、該方法對于輸出 DOM 對象非常有用,因?yàn)闀@示 DOM 對象的所有屬性 (特別是:輸出節(jié)點(diǎn)屬性和屬性值時最好用);
其四、注意:該特性是非標(biāo)準(zhǔn)的,請盡量不要在生產(chǎn)環(huán)境中使用它!(還是使用 console.log() 比較好)
console.log與console.dir發(fā)現(xiàn)的問題
如下代碼:
<body> <h1 class="text-center"></h1> <div class='wrap'> </div> <script type="text/javascript"> var arr = ['a', 'b']; console.log(arr); function a() { arr[0] = arr[1]; arr[1] = 'c'; } ; $(document).ready(function () { a(); console.dir(arr); }); </script> </body>
注意第一行,看到的是['a', 'b'];這是符合預(yù)期的。
但是等一等,點(diǎn)看三角看一下,怎么變成了['b','c'],這是什么意思?
總結(jié)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中的boolean布爾值使用學(xué)習(xí)及相關(guān)技巧講解
JavaScript中的boolean布爾值使用學(xué)習(xí)及相關(guān)技巧講解,特別是Boolean的用法以及適用!!將truthy或falsy值轉(zhuǎn)換為布爾值的用法非常巧妙,需要的朋友可以參考下2016-05-05layui實(shí)現(xiàn)點(diǎn)擊按鈕給table添加一行
想實(shí)現(xiàn)點(diǎn)擊按鈕在表格添加一行的功能,但發(fā)現(xiàn)layui并未集成該工具欄,因此,需要自己手動添加這個功能;這篇文章主要介紹了layui點(diǎn)擊按鈕給table添加一行,需要的朋友可以參考下2018-08-08JavaScript知識點(diǎn)總結(jié)(五)之Javascript中兩個等于號(==)和三個等于號(===)的區(qū)別
這篇文章主要介紹了JavaScript知識點(diǎn)總結(jié)(五)之Javascript中兩個等于號(==)和三個等于號(===)的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-05-05JavaScript通過select動態(tài)更換圖片的方法
這篇文章主要介紹了JavaScript通過select動態(tài)更換圖片的方法,涉及javascript動態(tài)操作圖片src的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別
在等于運(yùn)算符中,如果比較的內(nèi)容包含對象類型數(shù)據(jù),則會涉及隱式轉(zhuǎn)換,那么就會調(diào)用toString()函數(shù)和valueOf()函數(shù),本文主要介紹了?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別,感興趣的可以了解一下2022-04-04