記一次"Value below was evaluated just now"

shmily 發布于2019-08-23 16:53 / 1953人閱讀

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

今天工作的時候使用console.log()打印數組調試代碼的時候，發現了一個奇怪的現象

咦數組展開之前，顯示的是[1,2,3],展開后卻顯示的是[1,2,3,4]。好奇怪啊，以前怎么
沒有遇到啊（原諒我的年輕。。。）這時候我注意到右上角有個藍色的小圖標，于是我把鼠
標移動上去，最后出現在我眼前的是“Value below was evaluated just now”這一行大字。
為了弄清楚原因，我查了一波資料，才發現是因為console.log()之后的代碼改變了數組!

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

結論就是：當你展開數組的時候，顯示出來的數據是最終發生了改變的數據

后來我在想，如果是數據發生改變之前，我就展開了數組，那么還會發生這種“奇怪”的現象嗎？
于是我執行了下面的代碼：

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

眼疾手快的我在不到一秒的時間點開了數組，等待著“奇怪”的現象發生
等了好久好久，發現一直是這個界面：

這次，我刷新等5秒之后再展開數組看結果吧：

哈哈，“奇怪”的現象又發生了

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

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

GPU云服務器云服務器 Quote quoted quot python b&quot&quot

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103449.html

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

摘要：一個詭異的結果在前端開發中，我們都少不了用來輸出變量和調試。再看下面一個例子圖中的結果，我是在執行了這句話之后才點擊的小三角，然而結果卻沒有變成詭異結果的樣子。一個詭異的結果在前端開發中，我們都少不了用console.log來輸出變量和調試。可是在使用它的過程中，偶爾也會出現一些讓我們很費解的行為，如下圖： showImg(https://segmentfault.com/img/...

pkwenda 2019-08-22 11:19 評論0 收藏0
css3 attr 簡單介紹和實例

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

GeekGhc 2019-08-28 18:13 評論0 收藏0
console.log打印對象時屬性缺失的解決方法

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

Michael_Ding 2019-05-23 13:54 評論0 收藏0
CKAD認證中的部署教程

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

番茄西紅柿 2021-11-24 09:39 評論0 收藏2637