console.log輸出結(jié)果差異：兩次調(diào)用為何不同？

console.log輸出差異的深入解析

本文分析一段代碼中console.log函數(shù)輸出結(jié)果的差異，并解釋其根本原因。代碼片段涉及URL參數(shù)解析和console.log的不同調(diào)用方式，導(dǎo)致輸出結(jié)果存在細(xì)微差別。

代碼首先定義getUrlParams函數(shù)，用于解析URL參數(shù)，返回一個(gè)包含所有參數(shù)的對(duì)象。隨后，代碼調(diào)用getUrlParams解析示例URL，提取redirectKey參數(shù)的值。

關(guān)鍵在于console.log的兩次不同調(diào)用：

第一次調(diào)用：console.log(2, redirectKey); 輸出結(jié)果為 2 ‘bankListn’。

第二次調(diào)用：console.log(redirectKey); 輸出結(jié)果為 bankList。

差異的根源在于redirectKey的值包含一個(gè)換行符n。

第一次調(diào)用中，使用多個(gè)參數(shù)，console.log將每個(gè)參數(shù)作為字符串輸出，并用空格分隔。因此，n被正確顯示為轉(zhuǎn)義字符n，而非實(shí)際換行。

第二次調(diào)用中，console.log只接受一個(gè)參數(shù)，它嘗試直接輸出redirectKey的字符串值。瀏覽器將n解釋為換行符，導(dǎo)致n本身未顯示，而是產(chǎn)生了實(shí)際的換行。 因此，第二次輸出看起來(lái)少了n，但n仍然存在于redirectKey變量中，只是瀏覽器在不同輸出方式下的處理不同。

仔細(xì)觀察，第一次輸出的字符串用單引號(hào)括起來(lái)，包含n；而第二次輸出由于瀏覽器解釋了n，所以n未顯示，但換行效果存在。 表面上n消失了，但實(shí)際上它仍然存在于變量中，瀏覽器對(duì)它的處理方式取決于console.log的調(diào)用方式。