js中基本數據類型與引用數據類型的本質區別

基本數據類型

/**
 * 基本數據類型：string, number, boolean, null, undefined。 

 *
 * 說明：
 * 基本數據類型的變量是保存在棧內存中的，基本數據類型的值
 * 直接在棧內存中存儲，值與值之間是獨立存在的，修改一個變量不
 * 會影響其他的變量。
 *
 * 比較：
 * 當比較兩個基本數據類型的值時，本質上是比較值
 */
// 創建number型變量a值為1
var a = 1;
// 將變量a賦值給變量b，本質是值的拷貝
var b = a;
console.log(`a = ${a}, b = ${b}`); // a = 1, b = 1
// 將b的值加1，重點查看a的值是否變化
b += 1;
console.log(`a = ${a}, b = ${b}`); // a = 1, b = 2

// 創建number型變量c值為1
var c = 1;
// 本質上是值的比較
if (a == c) {
 console.log(`a與c的值相等, a = ${a}, c = ${c}`); // a與c的值相等, a = 1, c = 1
} else {
 console.log(`a與c的值不相等, a = ${a}, c = ${c}`);
}

基本數據類型內存分配簡圖

引用數據類型

/**
 * 引用類型：object
 *
 * 說明：
 * 對象是保存在堆內存中的，每創建一個新的對象，就會在堆內存
 * 中開闢出一個新的空間，而變量保存的是對象的內存地址(對象的引用
 * )，如果兩個變量保存的是同一個對象引用，當修改其中一個變量修改
 * 屬性時，另一個也會受到影響。
 *
 * 比較：
 * 當比較兩個引用數據類型時，本質上是比較的對象的內存地址，如
 * 果兩個對象的屬性是一模一樣的，但是地址不同，也會返回false。
 */
// 創建obj1為Object的對象
var obj1 = new Object();
// 新增屬性foo，並賦值'bar'
obj1.foo = 'bar';
console.log(obj1); // {foo: "bar"}

// 將obj1賦值給obj2，本質是地址的拷貝
var obj2 = obj1;
console.log(obj2); // {foo: "bar"}

// 修改obj2，新增屬性viva 

obj2.viva = 'ovov';
// obj1與obj2同時改變
console.log(obj1); // {foo: "bar", viva: "ovov"}
console.log(obj2); // {foo: "bar", viva: "ovov"}

// 修改obj1屬性foo的值為'kiki'
// obj1與obj2同時改變
obj1.foo = 'kiki';
console.log(obj1); // {foo: "kiki", viva: "ovov"}
console.log(obj2); // {foo: "kiki", viva: "ovov"}

// 刪除obj2的屬性viva
delete obj2.viva;
// obj1與obj2同時改變
console.log(obj1); // {foo: "kiki"}
console.log(obj2); // {foo: "kiki"}

// 將obj2設置為null
obj2 = null;
// 只有obj2被設置為null，obj1沒有發生變化
console.log(obj1); // {foo: "kiki"}
console.log(obj2); // null

// 創建obj3為Object的對象
var obj3 = new Object();
// 新增屬性foo
obj3.foo = 'kiki';
// 兩者的對象和屬性都一樣
console.log(obj3); // {foo: "kiki"}
console.log(obj1); // {foo: "kiki"}

// 比較obj1與obj3
// 本質是比較obj1與obj3保存的內存地址是否相同
if (obj1 == obj3) {
 console.log('obj1與obj3相等');
} else {
 // 可以看出儘管obj1與obj3的屬性和值都一樣，但是兩者還是不等
 // 本質上是因為obj1與obj3保存的地址不相同 

 console.log('obj1與obj3不相等'); // obj1與obj3不相等
}

引用數據類型內存分配簡圖

總結

總結圖

閱讀更多 瑾說編程 的文章

關鍵字: kiki 本質區別 foo