首頁 > web前端 > js教程 > JS中原始值和引用值的儲存方式範例詳解

JS中原始值和引用值的儲存方式範例詳解

亚连
發布: 2018-05-26 15:29:03
原創
1589 人瀏覽過

原始值指的是代表原始資料型別的值,也叫基本資料型,引用值指的是複合資料型別的值。接下來透過範例程式碼給大家介紹JS中原始值和引用值的儲存方式,有興趣的朋友一起看看吧

在ECMAscript中,變數可以存放兩種類型的值,即原始值和引用值

  • 原始值指的是代表原始資料型別的值,也叫基本資料型,包括:Number、Stirng、Boolean、Null、Underfined

  • #引用值指的是複合資料型別的值,包括:Object、Function、Array、Date、RegExp

根據資料型別不同,有的變數儲存在堆疊中,有的儲存在堆中。具體區別如下:

原始變數及他們的值儲存在堆疊中,當把一個原始變數傳遞給另一個原始變數時,是把一個棧房間的東西複製到另一個棧房間,而這兩個原始變數互不影響。

引用值是把  引用變數的名稱儲存在堆疊中,但是把其實際物件儲存在堆疊中,且存在一個指標由變數名稱指向儲存在堆疊中的實際對象,當把引用物件傳遞給另一個變數時,複製的其實是指向實際物件的指針, 此時兩者指向的是同一個數據,若透過方法改變其中一個變數的值,則存取另一個變數時,其值也會隨之加以改變;但若不是透過方法而是透過重新賦值  此時相當於重新開了一個房間  該值的原指針改變  ,則另外一個值不會隨他的改變而改變。

看範例:

var a="hello";
var b=a;
a="world";
alert(a);//world
alert(b);//hello
var arr=[1,3];
arr1=arr;
arr.push(5);
alert(arr)//1,3,5
alert(arr1);//1,3,5
arr=[7,8];
alert(arr);//7,8
alert(arr1);//1,3,5
登入後複製

用圖來表示結果如下:

原始變數的值互不影響,引用變數arr和arr1指向的為同一對象,所以當當arr透過方法改變其值時(堆房間裡的資料發生變化),存取arr1的資料時就會存取到改變後的物件

透過非方法來改變引用變數的值時,會為此引用變數重新建立一個堆疊房間,此時指標也會改變:

##總結:

Number、Stirng、Boolean、Null、Underfined這些基本資料類型,他們的值直接保存在堆疊中;

Object、Function、Array、Date、RegExp這些引用類型,他們的引用變數儲存在堆疊中,透過指標指向儲存在堆中的實際物件

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

AJAX XMLHttpRequest物件詳解

Django框架利用ajax實作批次匯入資料功能

#寫輕量級ajax元件第三篇實作

以上是JS中原始值和引用值的儲存方式範例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板