1-JavaScript變數

来源:https://www.cnblogs.com/darleneRong/archive/2019/10/29/11759463.html
-Advertisement-
Play Games

對於JS的變數這個環節,其實主要要瞭解一下JS數據類型的存儲方法 JS有兩種不同的數據類型:基本類型(原始類型),引用類型(對象類型)。 1.棧 (stack) 和 堆 (heap) 棧 (stack):棧會自動分配記憶體空間,由系統進行釋放,用來存放基本數據類型 [ 數字(Number)、字元串(S ...


 

  • 對於JS的變數這個環節,其實主要要瞭解一下JS數據類型的存儲方法
  • JS有兩種不同的數據類型:基本類型(原始類型)引用類型(對象類型)

  1.棧 (stack) 和 堆 (heap)

   (stack)棧會自動分配記憶體空間,由系統進行釋放,用來存放基本數據類型 [ 數字(Number)、字元串(String)、布爾(Boolean)、空(Null)、未定義(Undefined)] 占據固定的大小的空間,是一種先進後出的數據結構。

 

 

          

 

       堆 (heap)堆是基於散列演算法的數據結構,每創建一個新的對象,在堆記憶體中開闢一片新的空間;動態分配的記憶體,大小不確定,也不會自動進行釋放; 生命周期由虛擬機的垃圾回收演算法來決定;

 


 

   

2.JavaScript 數據類型 (基本數據類型,引用數據類型)

    基本數據類型(5種) 數字(Number)、字元串(String)、布爾(Boolean)、空(Null)、未定義(Undefined);直接按值

       【存放在棧記憶體中的簡單數據段,數據大小確定,記憶體空間大小也確定

       引用數據類型Array,Object;【存放在堆記憶體的對象,變數保存的是一個指針,空間大小不一樣】

 


 

  

 3.圖解 數據類型的存儲方式

     基本數據類型的值是直接存在棧記憶體中,值與值直接是相互獨立的,修改其中的一個變數不會對其他變數進行影響;

     引用數據類型的值是保存在堆記憶體中,每創建一個新的對象,就在堆記憶體中開闢一個新的空間,變數保存的事對象的記憶體地址(對象的引用),相同變數保存相同的對象的時候會影響值的改變;

   引用類型的存儲需要記憶體的棧區和堆區(堆區是指記憶體里的堆記憶體)共同完成,棧區記憶體保存變數標識符和指向堆記憶體中該對象的指針,也可以說是該對象在堆記憶體的地址。

簡言之: 基本數據類型的值直接保存在棧記憶體;引用類型的變數標識和指針保存在棧記憶體,引用類型的對象保存在堆記憶體的地址;

      var name = '小花';
      var age = 10;
      var test;
      var arr = [1,2,3];
      var obj = {age:10};

      通過圖形表示基本數據類型和引用數據類型在記憶體中的存儲情況:

 

 

        name,age,test三種基本數據類型是直接存儲在棧記憶體中;

       arr,obj在棧記憶體中只是存儲了一個地址來表示在堆記憶體中的引用;

   

var a=[1,2,3];
var b=a; //傳地址,對象中傳給變數的數據是引用類型,存儲在堆記憶體中
b[0]=20; //b改變 會影響a的值的改變,因為他們指向的是同一個對象;
console.log(a[0]);//20;

註意:b只是擁有了一個不同名的‘指針’,去指向在堆記憶體中的對象;並不是直接賦堆記憶體的對象,所以b改變也會改變的a的數值;所以b修改的時候,會根據地址回到a堆中修改,c則直接在棧中修改,並且不能指向a堆記憶體中。

 當b清空的值時,只是斷開該變數與對象的聯繫,另一個對象並不受影響

 


 

  

 4.數據類型的比較

  • 比較兩個基本數據類型的時候是對值之間的比較;
  • 比較兩個引用數據類型的時候,是對象的記憶體地址比較;

     


 

 註意: 引用數據類型的複製,就牽扯到 ‘淺拷貝’ 和 ‘深拷貝’ 的學習


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 參考資料:Cannot resolve the collation conflict between "Chinese_PRC_CI_AS" and "SQL_L及由於排序規則不同導致查詢結果為空的問題 註意:COLLATE database_default 如果不加這個,就會報錯 ...
  • SQL手工註入漏洞測試(MySQL資料庫) 的靶場練習 流程與方法 ...
  • Table view 是 iOS 應用程式中非常通用的組件。許多代碼和 table view 都有直接或間接的關係,隨便舉幾個例子,比如提供數據、更新 table view,控制它的行為以及響應選擇事件。在這篇文章中,我們將會展示保持 table view 相關代碼的整潔和良好組織的技術。 UITa ...
  • 1、檢查Charles 配置 具體的解決方案為在proxy中的SSL Proxying setting中鉤上Enable SSL Proxying,並且將要解析的host加上。如下圖: 2、配置手機證書 3、iPhone信任證書 3.1通用-描述文件-安裝 3.2通用-關於本機-證書信任設置 設置- ...
  • 1. 直接轉化 輸出結果是1,(int) 是強制類型轉化,直接丟棄浮點數的小數部分。 2. floor 函數取整(向下取整) 輸出結果是1,floor ( )方法是向下取整,對於正數來說是捨棄浮點數部分,對於複數來說,捨棄浮點數部分後再減1。(求最大的整數但不大於本身) 3. ceil 函數取整(向 ...
  • 小程式訂閱消息公測已經有些日子,今天以世界上最好的語言(PHP)為例,說一下如何發送訂閱消息。 1、訂閱消息 其實如果用過模板消息的話,改用訂閱消息挺簡單的,看一下官方文檔稍加摸索就能使用。 但是對於那些第一次用的萌新來說,可能會遇到各種各樣的坑,所以我會具體的說一下實現的過程,有經驗的可以直接翻到 ...
  • 1 <template> 2 <div class="wrap"> 3 <!-- 搜索框 --> 4 <div class="searchInputArea"> 5 <div class="searchBarBox"> 6 <div class="inputWrap" > 7 <form onsub ...
  • 一、簡介 一個使用React全家桶(react-router-dom,redux,redux-actions,redux-saga,reselect)+Material-ui構建的後來管理中心。 二、 附錄+ 1. [線上體驗](https://simpleroom.github.io):賬號:<c ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...