摘要:今天工作的時(shí)候使用打印數(shù)組調(diào)試代碼的時(shí)候,發(fā)現(xiàn)了一個(gè)奇怪的現(xiàn)象咦數(shù)組展開(kāi)之前,顯示的是展開(kāi)后卻顯示的是。如果此時(shí)數(shù)組或者對(duì)象的數(shù)據(jù)沒(méi)有發(fā)生改變,那么就一直顯示此時(shí)的數(shù)據(jù)新人一枚,如有錯(cuò)誤歡迎大家指出,謝啦
今天工作的時(shí)候使用console.log()打印數(shù)組調(diào)試代碼的時(shí)候,發(fā)現(xiàn)了一個(gè)奇怪的現(xiàn)象
咦 數(shù)組展開(kāi)之前,顯示的是[1,2,3],展開(kāi)后卻顯示的是[1,2,3,4]。好奇怪啊,以前怎么
沒(méi)有遇到?。ㄔ徫业哪贻p。。。)這時(shí)候我注意到右上角有個(gè)藍(lán)色的小圖標(biāo),于是我把鼠
標(biāo)移動(dòng)上去,最后出現(xiàn)在我眼前的是“Value below was evaluated just now”這一行大字。
為了弄清楚原因,我查了一波資料,才發(fā)現(xiàn)是因?yàn)?strong>console.log()之后的代碼改變了數(shù)組!
let array = [1, 2, 3] console.log(array) array.push(4)
結(jié)論就是:當(dāng)你展開(kāi)數(shù)組的時(shí)候,顯示出來(lái)的數(shù)據(jù)是最終發(fā)生了改變的數(shù)據(jù)
后來(lái)我在想,如果是數(shù)據(jù)發(fā)生改變之前,我就展開(kāi)了數(shù)組,那么還會(huì)發(fā)生這種“奇怪”的現(xiàn)象嗎?
于是我執(zhí)行了下面的代碼:
let array = [1, 2, 3] console.log(array) setTimeout(() => array.push(4), 5000)
眼疾手快的我在不到一秒的時(shí)間點(diǎn)開(kāi)了數(shù)組,等待著“奇怪”的現(xiàn)象發(fā)生
等了好久好久,發(fā)現(xiàn)一直是這個(gè)界面:
這次,我刷新等5秒之后再展開(kāi)數(shù)組看結(jié)果吧:
哈哈,“奇怪”的現(xiàn)象又發(fā)生了
所以結(jié)論就是:當(dāng)你在控制臺(tái)展開(kāi)打印出來(lái)的數(shù)組(或者對(duì)象)的時(shí)候,如果此時(shí)數(shù)組(或者對(duì)象)的數(shù)據(jù)已經(jīng)發(fā)生了改變,那么將顯示改變之后的數(shù)據(jù)。如果此時(shí)數(shù)組(或者對(duì)象)的數(shù)據(jù)沒(méi)有發(fā)生改變,那么就一直顯示此時(shí)的數(shù)據(jù)
(新人一枚,如有錯(cuò)誤歡迎大家指出,謝啦)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/103449.html
摘要:一個(gè)詭異的結(jié)果在前端開(kāi)發(fā)中,我們都少不了用來(lái)輸出變量和調(diào)試。再看下面一個(gè)例子圖中的結(jié)果,我是在執(zhí)行了這句話(huà)之后才點(diǎn)擊的小三角,然而結(jié)果卻沒(méi)有變成詭異結(jié)果的樣子。 一個(gè)詭異的結(jié)果 在前端開(kāi)發(fā)中,我們都少不了用console.log來(lái)輸出變量和調(diào)試??墒窃谑褂盟倪^(guò)程中,偶爾也會(huì)出現(xiàn)一些讓我們很費(fèi)解的行為,如下圖: showImg(https://segmentfault.com/img/...
摘要:表達(dá)式的計(jì)算值和屬性的值與指定名稱(chēng)的元素有關(guān)根據(jù)下面的規(guī)則在的表達(dá)總是返回一個(gè)字符串。在沒(méi)有命名空間這將只是一個(gè)標(biāo)識(shí)符。 本文不是w3c翻譯 保留原文的基礎(chǔ)上 做出自己的理解為主 參考 http://www.w3.org/TR/2015/CR-css-values-3-20150611/#attr-notation attr函數(shù)介紹 The attr() fun...
摘要:輸出對(duì)象屬性缺失首先,定義了一個(gè)對(duì)象,其擁有四個(gè)屬性。調(diào)用函數(shù)時(shí),我們想知道傳入函數(shù)的參數(shù)是怎樣的,會(huì)先調(diào)用將傳入的對(duì)象打印出來(lái),最后在函數(shù)內(nèi)的某處刪除傳入對(duì)象的屬性。方法對(duì)象展開(kāi)喵喵月號(hào)使用的對(duì)象展開(kāi)符操作,獲取到的副本。1. 序 在編寫(xiě)代碼時(shí),我們常常用console.log()的方式將信息在控制臺(tái)中打印出來(lái)以幫助我們進(jìn)行前端調(diào)試。一般情況下,我們打印普通值都沒(méi)有問(wèn)題,但在打印對(duì)象類(lèi)型時(shí)...
摘要:以上便是官方的部署方法。如果使用表示讀者可參考本章內(nèi)容主要介紹了認(rèn)證中要求掌握的部署配置啟動(dòng)網(wǎng)絡(luò)插件,跟上一篇的內(nèi)容比較,主要是通過(guò)文件去控制創(chuàng)建集群,兩章的部署過(guò)程一致,只是網(wǎng)絡(luò)插件有所不同。在上一章中,我們已經(jīng)學(xué)會(huì)了使用 kubeadm 創(chuàng)建集群和加入新的節(jié)點(diǎn),在本章中,將按照 CKAD 課程的方法重新部署一遍,實(shí)際上官方教程的內(nèi)容不多,筆者寫(xiě)了兩篇類(lèi)似的部署方式,如果已經(jīng)部署了 kub...
閱讀 5035·2021-09-22 14:57
閱讀 623·2019-08-30 15:56
閱讀 2719·2019-08-30 15:53
閱讀 2296·2019-08-29 14:15
閱讀 1739·2019-08-28 17:54
閱讀 612·2019-08-26 13:37
閱讀 3540·2019-08-26 10:57
閱讀 1107·2019-08-26 10:32