JavaScript】基本數據類型與引用數據類型區別(及爲什麼String、Boolean、Number基本數據類型會有屬性和方法?)

基本數據類型
  JavaScript基本數據類型包括:undefined、null、number、boolean、string。基本數據類型是按值訪問的,就是說我們可以操作保存在變量中的實際的值。

1)基本數據類型的值是不可變的

任何方法都無法改變一個基本類型的值,比如一個字符串:

	var name = "change";
	name.substr();//hang
	console.log(name);//change
	
	var s = "hello";
	s.toUpperCase()//HELLO;
	console.log(s)//hello

通過這兩個例子,我們會發現原先定義的變量name的值始終沒有發生改變,而調用substr()和toUpperCase()方法後返回的是一個新的字符串,跟原先定義的變量name並沒有關係。

或許有人會有以下的疑問,看代碼:

	var name = "change";
	name = "change1";
	console.log(name)//change1

這樣看起來name的值“改變了”其實,var name = “change”,這裏的基礎類型是string,也就是”change”,這裏的”change”是不可以改變的,name只是指向”change”的一個指針,指針的指向可以改變,所以你可以name = “change1″.此時name指向了”change1″,同理,這裏的”change1″同樣不可以改變。也就是說這裏你認爲的改變只是“指針的指向改變”

2)基本數據類型不可以添加屬性和方法

	var p = "change";
	p.age = 29;
	p.method = function(){console.log(name)};
	console.log(p.age)//undefined
	console.log(p.method)//undefined

3)基本數據類型的賦值是簡單賦值

如果從一個變量向另一個變量賦值基本類型的值,會在變量對象上創建一個新值,然後把該值複製到爲新變量分配的位置上

var a = 10;
var b = a;
a++;
console.log(a)//11
console.log(b)//10

上面的代碼中,a中保存的值是10.當使用a的值來初始化b時,b中也保存了值10。但b中的10和a中的10是完全獨立的。b中的值只是a中值的一個副本.所以這兩個變量可以參與任何操作而不會相互影響。

4)基本數據類型的比較是值的比較

var person1 = '{}';
var person2 = '{}';
console.log(person1 == person2); // true

5)基本數據類型是存放在棧區的

假如有以下幾個基本類型的變量:

var name = "jozo";
var city = "guangzhou";
var age = 22;

棧區包括了變量的標識符和變量的值

引用數據類型
  JavaScript中除了基本數據類型外就是引用數據類型了(也可以說是對象)。比如:Object、Array、Function、Data等。

1)引用類型的值是可以改變的

var o = {x:1};
o.x = 2;  // 通過修改對象屬性值更改對象
o.y = 3;  // 再次更改對象,給它增加一個屬性

var a = [1,2,3];
a[0] = 0; // 更改數組的一個元素
a[3] = 4; // 給數組增加一個元素

2)引用類型可以添加屬性和方法

var person = {};
person.name = "change";
person.say = function(){alert("hello");}
console.log(person.name)//change
console.log(person.say)//function(){alert("hello");}

3)引用類型的賦值是對象引用

	1.var a = {};
	2.var b= a;
	3.a.name = "change";
	4.console.log(a.name)//change;
	5.console.log(b.name)//change
	6.b.age = 29;
	7. console.log(a.age)//29
	8. console.log(b.age)//29

當從一個變量向另一個變量賦值引用類型的值時,同樣也會將儲存在變量中的對象的值複製一份放到爲新變量分配的空間中.引用類型保存在變量中的是對象在堆內存中的地址,所以,與基本數據類型的簡單賦值不同,這個值的副本實際上是一個指針,而這個指針指向存儲在堆內存的一個對象。那麼賦值操作後,兩個變量都保存了同一個對象地址,而這兩個地址指向了同一個對象。因此,改變其中任何一個變量,都會互相影響。

4)引用類型的比較是引用的比較

	1.var person1 = {};
	2.var person2 = {};
	3.console.log(person1 == person2)//false

爲什麼兩個對象看起來一摸一樣,但是卻不相等呢?

因爲引用類型的比較是引用的比較,換句話說,就是比較兩個對象保存在棧區的指向堆內存的地址是否相同,此時,雖然p1和p2看起來都是一個”{}”,但是他們保存在棧區中的指向堆內存的地址卻是不同的,所以兩個對象不相等

5)引用類型是同時保存在棧區和堆區中的

引用類型的存儲需要在內存的棧區和堆區共同完成,棧區保存變量標識符和指向堆內存的地址

假如有以下幾個對象:

	1.var person1 = {name:"change1"};
	2.var person2 = {name:"change2"};
	3.var person3 = {name:"change3"};

則這三個對象在內存中保存的情況如下圖:

基本包裝類型(包裝對象)
先看下以下代碼:

 1 var s1 = "helloworld";
 2. var s2 = s1.substr(4);

上面我們說到字符串是基本數據類型,不應該有方法,那爲什麼這裏s1可以調用substr()呢?

通過翻閱JavaScript權威指南第3.6章節和高級程序設計第5.6章節我們得知,ECMAScript還提供了三個特殊的引用類型Boolean、String、Number,我們稱這三個特殊的引用類型爲基本包裝類型,也叫包裝對象。

通過字面量的方式創建:var a = “String”; 這時它是基本數據類型;
通過構造函數的方式創建:var a = new String(“String”); 這時它是對 象類型。

也就是說當讀取string、boolean和number這三個基本數據類型的時候,後臺就會創建一個對應的基本包裝類型對象,從而讓我們能夠調用一些方法來操作這些數據。

所以當第二行代碼訪問s1的時候,後臺會自動完成下列操作:

1  創建String類型的一個實例;// var s1 = new String(“helloworld”);
2 在實例上調用指定方法;// var s2 = s1.substr(4);
3  銷燬這個實例;// s1 = null;

正因爲有第三步這個銷燬的動作,所以你應該能夠明白爲什麼基本數據類型不可以添加屬性和方法,這也正是基本包裝類型和引用類型主要區別:對象的生存期。使用new操作符創建的引用類型的實例,在執行流離開當前作用域之前都是一直保存在內存中.而自動創建的基本包裝類型的對象,則只存在於一行代碼的執行瞬間,然後立即被銷燬(說的詳細一點就是,JS引擎通過在內部臨時創建一個對應的包裝類型的臨時對象,並把對基本類型的操作代理到這個臨時對象身上,使得對基本類型的屬性訪問看起來像對象一樣。但是在操作完成後,臨時對象就扔掉了,下次再訪問時,會重新建立臨時對象,當然對之前的臨時對象的修改都不會有效。)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章