用一分鐘理解console的這個原理,多留幾根黑髮~
引言
問題: console打印出的值與實際值不符的原因。
碰到這個問題是因為更改某一個值a後將其儲存起來,更改為a1後,然而打印出來的值卻是a1,展開列印的值是a。因為不理解這個現象,導致除錯程式碼走了很多彎路,最後才定位到問題。
先來看現象
原因
程式碼
let a = { name: 'langlang', look: 'handsome'};
console.log(a);
a.name = 'shuishui';
a.look = 'beautiful';
複製程式碼
原因: 打印出的值是執行時的值,點選展開後是最後修改的值。
chrome控制檯列印物件是引用的,預設沒有展開,展開後就是最後修改的值,所以會出現展開後的值與之前不同。
如果想看到實時的值,可以直接列印字串:
console.log(JSON.stringify(a));
複製程式碼
結果:
相關推薦
用一分鐘理解console的這個原理,多留幾根黑髮~
引言 問題: console打印出的值與實際值不符的原因。 碰到這個問題是因為更改某一個值a後將其儲存起來,更改為a1後,然而打印出來的值卻是a1,展開列印的值是a。因為不理解這個現象,導致除錯程式碼走了很多彎路,最後才定位到問題。 先來看現象 原因 程式碼 let a = {
Mysql一分鐘定位 Next-Key Lock,你需要幾分鐘
一分鐘定位 Next-Key Lock,你需要幾分鐘 標籤: Mysql、Next-KeyLock、插入意向鎖 連線與執行緒 檢視連線資訊 show processlist +----+------+------------------+------+---------+------+----------+-
理解Sharding jdbc原理,看這一篇就夠了
相比於Spring基於AbstractRoutingDataSource實現的分庫分表功能,Sharding jdbc在單庫單表擴充套件到多庫多表時,相容性方面表現的更好一點。例如,spring實現的分庫分表sql寫法如下: select id, name, price,
說一說垃圾回收的原理,講一下過程?
升級 遍歷 無需 情況 容量 blog 變化 變量 調用 垃圾回收:只回收托管堆中的內存資源,不回收其他資源(數據庫連接、文件句柄、網絡端口等) 什麽樣的對象才會被回收?答:沒有變量引用的對象 什麽時間回收? 系統回收,具體何時回收垃圾由系統自行確定,並不是即時執行回
不理解Zookeeper一致性原理,談何異地多活改造
還要 基於 cif 內存地址 很多 ren 為什麽 英文 比較 2017 年在餓了麽做異地多活建設之時,我的團隊承擔了 Zookeeper 的異地多活改造。 在此期間,我聽到了關於 Zookeeper 一致性的兩種不同說法: Zookeeper 是最終一致性的,由於多副本
帶你一分鐘理解閉包--js面向物件程式設計
上一篇《簡單粗暴地理解js原型鏈--js面向物件程式設計》沒想到能攢到這麼多贊,實屬意外。分享是個好事情,尤其是分享自己的學習感悟。所以網上關於原型鏈、閉包、作用域等文章多如牛毛,很多文章寫得很深入很專業,而我卻喜歡用更簡單方式來解說簡單的事情。 什麼是閉包? 先看一段程式碼:
王三乾老師談大發快三一分鐘回血上岸技巧,快三和值走勢規律 值得學習 wangY8986
老師玩cai已經兩年了,開始也交過不少學費,還好運氣不錯,在沒有徹底失望之前終於積累了一定的經驗,有了自己的一套玩法。對於cai轉不賺錢這個問題。我覺得這個世界上除了TC公務員沒有什麼是一定賺錢的。這些都是老師多年來總結出來的經驗現在的cai大多都是私彩,也就是所謂的黑cai。cai有兩種:一種是官方cai,
帶你一分鐘理解JS閉包——通俗易懂
網上關於閉包的文章有很多,但是大多數都使用了太多專業術語,不便於理解,我在這試著用通俗一點的語言解釋一下何為閉包。 什麼是閉包? 什麼是閉包?閉包是什麼? 先來看一段程式碼: function a(){ var n = 0; function inc() { n+
(一)理解word2vec:原理篇
為什麼想起來學習word2vec呢?其實之前自己根本沒有接觸過NLP的知識和任務,只是最近嘗試使用了embedding的方法去處理類別特徵和用embedding去做推薦,發現有不錯的效果。同時,自己也感觸到了所掌握知識的匱乏,因此,決定好好學習一下word2vec。 最近幾天自己研讀了網
一分鐘理解Flexbox彈性佈局
圖解 Flexbox 本文圖片、部分翻譯來自原文 How Flexbox works — explained with big, colorful, animated gifs 屬性 #1 display: flex 示例如下 上面4個
一分鐘理解post和put(安全與冪等角度)
HTTP方法的安全性和冪等性 可以認為安全的方法都是隻讀的方法(GET, HEAD, OPTIONS),不會改變資源狀態,顯然,這三個方法也是冪等的。 DELETE方法的語義表示刪除伺服器上的一個資源,第一次刪除成功後該資源就不存在了,資源狀態改變了,所以DELETE方法不具備安全特
Windows已遇到關鍵問題,將在一分鐘後自動重新啟動,請立即儲存工作
Windows已遇到關鍵問題,將在一分鐘後自動重新啟動,請立即儲存工作 1、 把電腦右下角網路斷開 2、同時按 “WIN+R” 開啟“執行”命令視窗 輸入“cmd”命令,按回車鍵“Enter”開啟管理員視窗; 或者點選左下角“開始”–找到“附件”–“命令提示符”
理解HashMap底層原理,一個簡單的HashMap例子
amp builder out print node get bject sta value package com.jl.testmap; /** * 自定義一個HashMap * @author JiangLai * */ public c
深入理解HashMap(原理,查詢,擴容)
面試的時候聞到了Hashmap的擴容機制,之前只看到了Hasmap的實現機制,補一下基礎知識,講的非常好 原文連結: Hashmap是一種非常常用的、應用廣泛的資料型別,最近研究到相關的內容,就正好複習一下。網上關於hashmap的文章很多,但到底是自己學習的總結,就
一分鐘理解資料庫連線池
問題: 前面介紹了使用JDBC來獲取資料庫的連線,這種方法適用於適用於使用者較少的時候,但當用戶連線量較大時,資源消耗問題就凸顯而出;當一個網站有20萬個使用者訪問時,使用者的每次請求都會向資料庫獲取連線,那麼資料庫伺服器就要建立20萬次連線,而資料庫建立連線時會消耗較大的資源,建立的時間也相對
理解vue ssr原理,自己搭建簡單的ssr框架
前言 大多數Vue專案要支援SSR應該是為了SEO考慮,畢竟對於WEB應用來說,搜尋引擎是一個很大的流量入口。Vue SSR現在已經比較成熟了,但是如果是把一個SPA應用改造成SSR應用,成本還是有些高的,這工作量無異於重構前端。另外對前端的技術要求也是挺高的,需要對Vue比較熟悉,還要有Node.js 和
讓你5分鐘認識ZooKeeper的原理,程式猿們快來看吧。。。
前言 ZooKeeper 是一個開源的分散式協調服務,由雅虎建立,是 Google Chubby 的開源實現。分散式應用程式可以基於 ZooKeeper 實現諸如資料釋出/訂閱、負載均衡、命名服務、分散式協調/通知、叢集管理、Master 選舉、分散式鎖和分散式佇列等功能。 1、簡介 ZooKeep
十分鐘理解logistic迴歸原理
三年前,寫過一篇邏輯迴歸演算法的介紹,現在回頭來看,比較亂,首尾不能兼顧。關於邏輯迴歸的分類演算法,很多書籍都有介紹,比較來看,還是李航老師的書《統計學習方法》裡介紹的更清楚,若大家有時間,請不要偷懶,還是建議從頭開始看李航老師的書,這本書簡潔明瞭,適合入門。建
一分鐘搭建wordpress部落格,完美解決所有坑點
文章目錄 前言 一、站點解釋 二、開始安裝 前言 這裡是在已經使用了一鍵安裝包的基礎上的教程,如果未使用教程,僅供參考! 如果想要使用一鍵安裝lnmp環境,請移步之前的博文。 連結:https://blog.csdn.net/qingl
一分鐘理解向後相容
什麼是相容 談到相容,少不了獲得相容收益的目標物件,以及提供相容功能的元件這兩個相互對應的概念。 如果一個目標物件,能否在同一組件的同個不同版本上協同工作,則移該元件的兩個版本是相容的,如下圖所示: 相容性分類 元件的兩個版本是相容的,那就會有新