console.log()與console.dir()的區(qū)別及說明
更新時間：2024年01月22日 09:36:53 作者：獅子座的男孩
這篇文章主要介紹了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)文章
本篇文章主要是對js倒計時時鐘的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JavaScript增加數(shù)組中指定元素的5種方法總結(jié)
在JS中數(shù)組方法是非常重要且常用的的方法,在此整理總結(jié)一番,下面這篇文章主要給大家介紹了關(guān)于JavaScript增加數(shù)組中指定元素的5種方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級導(dǎo)航菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級導(dǎo)航菜單代碼,涉及JavaScript動態(tài)操作頁面元素屬性的技巧,整體界面效果美觀大方,具有極強(qiáng)的立體感,需要的朋友可以參考下2015-09-09
利用js正則表達(dá)式驗(yàn)證手機(jī)號,email地址,郵政編碼
利用js正則表達(dá)式驗(yàn)證手機(jī)號,email地址,郵政編碼。需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
javascript 中對象的繼承〔轉(zhuǎn)貼〕...2007-01-01
js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐c(diǎn)hrome
最近想給JS特效與模板預(yù)覽頁面加上屏蔽查看源文件，防治整理不易的源碼被輕易拿走，發(fā)現(xiàn)IE、火狐、chrome等各類瀏覽器支持不一樣。下面是腳本之家整理的一些屏蔽總結(jié)2020-10-10
這篇文章主要為大家詳細(xì)介紹了Bootstrap fileinput文件上傳組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
uni-app微信小程序使用echarts的詳細(xì)圖文教程
為了兼容小程序Canvas,ECharts提供了一個小程序的組件,用這種方式可以方便地使用ECharts,下面這篇文章主要給大家介紹了關(guān)于uni-app微信小程序使用echarts的相關(guān)資料,需要的朋友可以參考下2022-10-10
抖音小程序一鍵獲取手機(jī)號的實(shí)現(xiàn)思路
前端通過code獲取sessionkey,再用sessionkey解密手機(jī)號加密信息,PHP后端實(shí)現(xiàn)這一過程,本文通過實(shí)例代碼給大家介紹抖音小程序一鍵獲取手機(jī)號功能,感興趣的朋友一起看看吧2025-01-01
JS數(shù)組操作中的經(jīng)典算法實(shí)例講解
下面小編就為大家?guī)硪黄狫S數(shù)組操作中的經(jīng)典算法實(shí)例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07