資訊專欄INFORMATION COLUMN
摘要：今天工作的時(shí)候使用打印數(shù)組調(diào)試代碼的時(shí)候，發(fā)現(xiàn)了一個(gè)奇怪的現(xiàn)象咦數(shù)組展開之前，顯示的是展開后卻顯示的是。如果此時(shí)數(shù)組或者對(duì)象的數(shù)據(jù)沒有發(fā)生改變，那么就一直顯示此時(shí)的數(shù)據(jù)新人一枚，如有錯(cuò)誤歡迎大家指出，謝啦
今天工作的時(shí)候使用console.log()打印數(shù)組調(diào)試代碼的時(shí)候，發(fā)現(xiàn)了一個(gè)奇怪的現(xiàn)象
咦 數(shù)組展開之前，顯示的是[1,2,3],展開后卻顯示的是[1,2,3,4]。好奇怪啊，以前怎么
沒有遇到?。ㄔ徫业哪贻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)你展開數(shù)組的時(shí)候，顯示出來的數(shù)據(jù)是最終發(fā)生了改變的數(shù)據(jù)
后來我在想，如果是數(shù)據(jù)發(fā)生改變之前，我就展開了數(shù)組，那么還會(huì)發(fā)生這種“奇怪”的現(xiàn)象嗎？
于是我執(zhí)行了下面的代碼：
let array = [1, 2, 3] console.log(array) setTimeout(() => array.push(4), 5000)
眼疾手快的我在不到一秒的時(shí)間點(diǎn)開了數(shù)組，等待著“奇怪”的現(xiàn)象發(fā)生
等了好久好久，發(fā)現(xiàn)一直是這個(gè)界面：
這次，我刷新等5秒之后再展開數(shù)組看結(jié)果吧：
哈哈，“奇怪”的現(xiàn)象又發(fā)生了
所以結(jié)論就是：當(dāng)你在控制臺(tái)展開打印出來的數(shù)組（或者對(duì)象）的時(shí)候，如果此時(shí)數(shù)組（或者對(duì)象）的數(shù)據(jù)已經(jīng)發(fā)生了改變，那么將顯示改變之后的數(shù)據(jù)。如果此時(shí)數(shù)組（或者對(duì)象）的數(shù)據(jù)沒有發(fā)生改變，那么就一直顯示此時(shí)的數(shù)據(jù)
（新人一枚，如有錯(cuò)誤歡迎大家指出，謝啦）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103449.html
摘要：一個(gè)詭異的結(jié)果在前端開發(fā)中，我們都少不了用來輸出變量和調(diào)試。再看下面一個(gè)例子圖中的結(jié)果，我是在執(zhí)行了這句話之后才點(diǎn)擊的小三角，然而結(jié)果卻沒有變成詭異結(jié)果的樣子。 一個(gè)詭異的結(jié)果 在前端開發(fā)中，我們都少不了用console.log來輸出變量和調(diào)試?？墒窃谑褂盟倪^程中，偶爾也會(huì)出現(xiàn)一些讓我們很費(fèi)解的行為，如下圖： showImg(https://segmentfault.com/img/...
摘要：表達(dá)式的計(jì)算值和屬性的值與指定名稱的元素有關(guān)根據(jù)下面的規(guī)則在的表達(dá)總是返回一個(gè)字符串。在沒有命名空間這將只是一個(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ì)象打印出來，最后在函數(shù)內(nèi)的某處刪除傳入對(duì)象的屬性。方法對(duì)象展開喵喵月號(hào)使用的對(duì)象展開符操作，獲取到的副本。1. 序 在編寫代碼時(shí)，我們常常用console.log()的方式將信息在控制臺(tái)中打印出來以幫助我們進(jìn)行前端調(diào)試。一般情況下，我們打印普通值都沒有問題，但在打印對(duì)象類型時(shí)...
摘要：以上便是官方的部署方法。如果使用表示讀者可參考本章內(nèi)容主要介紹了認(rèn)證中要求掌握的部署配置啟動(dòng)網(wǎng)絡(luò)插件，跟上一篇的內(nèi)容比較，主要是通過文件去控制創(chuàng)建集群，兩章的部署過程一致，只是網(wǎng)絡(luò)插件有所不同。在上一章中，我們已經(jīng)學(xué)會(huì)了使用 kubeadm 創(chuàng)建集群和加入新的節(jié)點(diǎn)，在本章中，將按照 CKAD 課程的方法重新部署一遍，實(shí)際上官方教程的內(nèi)容不多，筆者寫了兩篇類似的部署方式，如果已經(jīng)部署了 kub...
閱讀 5039·2021-09-22 14:57
閱讀 625·2019-08-30 15:56
閱讀 2723·2019-08-30 15:53
閱讀 2297·2019-08-29 14:15
閱讀 1741·2019-08-28 17:54
閱讀 615·2019-08-26 13:37
閱讀 3542·2019-08-26 10:57
閱讀 1109·2019-08-26 10:32
