console.log()與console.dir()的區(qū)別及說明
console.log()與console.dir()的區(qū)別
1、console.log()
其一、主要表示:向 Web 控制臺輸出一條消息;
其二、而具體是什么信息就以傳遞的實參為準,然后就是在控制臺就能顯示自己傳遞參數(shù)的結(jié)果;
2、console.dir(object)
其一、主要表示:在控制臺中顯示指定 JavaScript 對象的屬性,并通過類似文件樹樣式的交互列表顯示;
其二、一般是:打印出該對象(object)的所有屬性和屬性值;
其三、該方法對于輸出 DOM 對象非常有用,因為會顯示 DOM 對象的所有屬性 (特別是:輸出節(jié)點屬性和屬性值時最好用);
其四、注意:該特性是非標準的,請盡量不要在生產(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'];這是符合預期的。

但是等一等,點看三角看一下,怎么變成了['b','c'],這是什么意思?

總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript中的boolean布爾值使用學習及相關技巧講解
JavaScript中的boolean布爾值使用學習及相關技巧講解,特別是Boolean的用法以及適用!!將truthy或falsy值轉(zhuǎn)換為布爾值的用法非常巧妙,需要的朋友可以參考下2016-05-05
JavaScript知識點總結(jié)(五)之Javascript中兩個等于號(==)和三個等于號(===)的區(qū)別
這篇文章主要介紹了JavaScript知識點總結(jié)(五)之Javascript中兩個等于號(==)和三個等于號(===)的區(qū)別的相關資料,需要的朋友可以參考下2016-05-05
JavaScript通過select動態(tài)更換圖片的方法
這篇文章主要介紹了JavaScript通過select動態(tài)更換圖片的方法,涉及javascript動態(tài)操作圖片src的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別
在等于運算符中,如果比較的內(nèi)容包含對象類型數(shù)據(jù),則會涉及隱式轉(zhuǎn)換,那么就會調(diào)用toString()函數(shù)和valueOf()函數(shù),本文主要介紹了?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別,感興趣的可以了解一下2022-04-04

