成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

記一次"Value below was evaluated just now"

shmily / 1961人閱讀

摘要：今天工作的時候使用打印數(shù)組調(diào)試代碼的時候，發(fā)現(xiàn)了一個奇怪的現(xiàn)象咦數(shù)組展開之前，顯示的是展開后卻顯示的是。如果此時數(shù)組或者對象的數(shù)據(jù)沒有發(fā)生改變，那么就一直顯示此時的數(shù)據(jù)新人一枚，如有錯誤歡迎大家指出，謝啦

今天工作的時候使用console.log()打印數(shù)組調(diào)試代碼的時候，發(fā)現(xiàn)了一個奇怪的現(xiàn)象

咦 數(shù)組展開之前，顯示的是[1,2,3],展開后卻顯示的是[1,2,3,4]。好奇怪啊，以前怎么
沒有遇到?。ㄔ徫业哪贻p。。。）這時候我注意到右上角有個藍(lán)色的小圖標(biāo)，于是我把鼠
標(biāo)移動上去，最后出現(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ù)據(jù)是最終發(fā)生了改變的數(shù)據(jù)

后來我在想，如果是數(shù)據(jù)發(fā)生改變之前，我就展開了數(shù)組，那么還會發(fā)生這種“奇怪”的現(xiàn)象嗎？
于是我執(zhí)行了下面的代碼：

let array = [1, 2, 3]
console.log(array)
setTimeout(() => array.push(4), 5000)

眼疾手快的我在不到一秒的時間點(diǎn)開了數(shù)組，等待著“奇怪”的現(xiàn)象發(fā)生
等了好久好久，發(fā)現(xiàn)一直是這個界面：

這次，我刷新等5秒之后再展開數(shù)組看結(jié)果吧：

哈哈，“奇怪”的現(xiàn)象又發(fā)生了

所以結(jié)論就是：當(dāng)你在控制臺展開打印出來的數(shù)組（或者對象）的時候，如果此時數(shù)組（或者對象）的數(shù)據(jù)已經(jīng)發(fā)生了改變，那么將顯示改變之后的數(shù)據(jù)。如果此時數(shù)組（或者對象）的數(shù)據(jù)沒有發(fā)生改變，那么就一直顯示此時的數(shù)據(jù)

（新人一枚，如有錯誤歡迎大家指出，謝啦）

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103449.html

相關(guān)文章

  • 一個“詭異”的console.log()結(jié)果

    摘要：一個詭異的結(jié)果在前端開發(fā)中，我們都少不了用來輸出變量和調(diào)試。再看下面一個例子圖中的結(jié)果，我是在執(zhí)行了這句話之后才點(diǎn)擊的小三角，然而結(jié)果卻沒有變成詭異結(jié)果的樣子。 一個詭異的結(jié)果 在前端開發(fā)中，我們都少不了用console.log來輸出變量和調(diào)試?？墒窃谑褂盟倪^程中，偶爾也會出現(xiàn)一些讓我們很費(fèi)解的行為，如下圖： showImg(https://segmentfault.com/img/...

    pkwenda 評論0 收藏0

  • css3 attr 簡單介紹和實(shí)例

    摘要：表達(dá)式的計(jì)算值和屬性的值與指定名稱的元素有關(guān)根據(jù)下面的規(guī)則在的表達(dá)總是返回一個字符串。在沒有命名空間這將只是一個標(biāo)識符。 本文不是w3c翻譯 保留原文的基礎(chǔ)上 做出自己的理解為主 參考 http://www.w3.org/TR/2015/CR-css-values-3-20150611/#attr-notation attr函數(shù)介紹 The attr() fun...

    GeekGhc 評論0 收藏0

  • console.log打印對象時屬性缺失的解決方法

    摘要：輸出對象屬性缺失首先，定義了一個對象，其擁有四個屬性。調(diào)用函數(shù)時，我們想知道傳入函數(shù)的參數(shù)是怎樣的，會先調(diào)用將傳入的對象打印出來，最后在函數(shù)內(nèi)的某處刪除傳入對象的屬性。方法對象展開喵喵月號使用的對象展開符操作，獲取到的副本。1. 序 在編寫代碼時，我們常常用console.log()的方式將信息在控制臺中打印出來以幫助我們進(jìn)行前端調(diào)試。一般情況下，我們打印普通值都沒有問題，但在打印對象類型時...

    Michael_Ding 評論0 收藏0

  • CKAD認(rèn)證中的部署教程

    摘要：以上便是官方的部署方法。如果使用表示讀者可參考本章內(nèi)容主要介紹了認(rèn)證中要求掌握的部署配置啟動網(wǎng)絡(luò)插件，跟上一篇的內(nèi)容比較，主要是通過文件去控制創(chuàng)建集群，兩章的部署過程一致，只是網(wǎng)絡(luò)插件有所不同。在上一章中，我們已經(jīng)學(xué)會了使用 kubeadm 創(chuàng)建集群和加入新的節(jié)點(diǎn)，在本章中，將按照 CKAD 課程的方法重新部署一遍，實(shí)際上官方教程的內(nèi)容不多，筆者寫了兩篇類似的部署方式，如果已經(jīng)部署了 kub...

    番茄西紅柿 評論0 收藏2637

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<