首頁 >web前端 >js教程 >js中的基本型別和參考型別

js中的基本型別和參考型別

不言原創: 2018-04-10 14:10:101163瀏覽

這篇文章要跟大家分享的內容是關於js中的基本型別和引用型，有著一定的參考價值，有需要的朋友可以參考一下

js中的基本型別與參考型別

轉載自https://blog.csdn.net/shuidinaozhongyan/article/details/72520842
基本型別：Number, String,Boolean,Null,undefined。

引用類型：Object,Array,Date,RegExp,Function

null和undefined的區別。

參考：http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html

一、相似性

#1.在JavaScript中，將一個變數賦值為undefined或null，老實說，幾乎沒差別。

var a=null;  
var b=undefined;

2.undefined和null在if語句中，都會被自動轉為false，相等運算子甚至直接報告兩者相等。

if (!undefined) 
    console.log(&#39;undefined is false&#39;);// undefined is falseif (!null) 
    console.log(&#39;null is false&#39;);// null is falseundefined == null// true<span style="font-family:Georgia, serif;color:#111111;"><span style="font-size:16px;letter-spacing:-.12px;word-spacing:2.4px;background-color:rgb(245,245,213);"><strong>
</strong></span></span>

上面程式碼說明，兩者的行為是何等相似！

既然undefined和null的意思與用法都差不多，為什麼要同時設定兩個這樣的值，這不是無端增加JavaScript的複雜度，令初學者困擾嗎？ Google公司開發的JavaScript語言的替代品Dart語言，就明確規定只有null，沒有undefined！

二、

最近，我在讀新書《Speaking JavaScript》時，意外發現了這個問題的答案！

原來，這與JavaScript的歷史有關。 1995年JavaScript誕生時，最初像Java一樣，只設定了null作為表示」無」的值。

根據C語言的傳統，null被設計成可以自動轉為0。

Number(null)// 05 + null// 5

但是，JavaScript的設計者Brendan Eich，覺得這樣做還不夠，有兩個原因。

首先，null像在Java裡一樣，被當成一個物件。但是，JavaScript的資料型別分成原始型別（primitive）和合成型別（complex）兩大類，Brendan Eich覺得表示」無」的值最好不是物件。

其次，JavaScript的最初版本沒有包含錯誤處理機制，發生資料型別不符時，往往是自動轉換型別或默默地失敗。 Brendan Eich覺得，如果null自動轉為0，很不容易發現錯誤。

因此，Brendan Eich又設計了一個undefined。

三、最初設計
JavaScript的最初版本是這樣區分的：null是一個表示”無”的對象，轉為數值時為0；undefined是一個表示”無」的原始值，轉為數值時為NaN。

Number(undefined)// NaN5 + undefined// NaN

四、目前的用法
但是，上面這樣的區分，在實踐中很快就被證明不可行。目前，null和undefined基本上是同義的，只有一些細微的差別。

null表示”沒有物件”，即該處不應該有值。典型用法是：

（1）作為函數的參數，表示函數的參數不是物件。

（2）作為物件原型鏈的終點。

Object.getPrototypeOf(Object.prototype)
// null

#undefined表示」缺少值”，就是這裡應該有一個值，但是還沒有定義。典型用法是：

（1）變數被宣告了，但沒有賦值時，就等於undefined。

（2) 呼叫函數時，應該提供的參數沒有提供，該參數等於undefined。

（3）物件沒有賦值的屬性，該屬性的值為undefined。

（4）函數沒有傳回值時，預設回傳undefined。

var i;
i // undefinedfunction f(x){console.log(x)}
f() // undefinedvar  o = new Object();
o.p // undefinedvar x = f();
x // undefined

Object是引用型別嘛？

 Object是一个基础类型，其他所有类型都从Object继承了基本行为。比如原型链中它的原型为null。

引用型別和基本型別有什麼差別？哪一個是存在堆哪一個是存在棧上面的？

1.基本類型的變數是存放在堆疊區的（堆疊區指記憶體裡的堆疊記憶體）

那麼它的儲存結構如下圖：

js中的基本型別和參考型別

堆疊區包含了變數的識別碼和變數的值。

javascript和其他語言不同，其不允許直接存取記憶體中的位置，也就是說不能直接操作物件的記憶體空間，那我們操作啥呢？實際上，是操作物件的引用，
所以引用類型的值是按引用存取的。
確切地說，引用型別的儲存需要記憶體的堆疊區和堆疊區（堆疊區是指記憶體裡的堆疊記憶體）共同完成，堆疊區記憶體保存變數識別碼和指向堆疊記憶體中該物件的指標，
也可以說是該物件在堆記憶體的位址。
假如有以下幾個物件：

var person1 = {name:&#39;jozo&#39;};var person2 = {name:&#39;xiaom&#39;};var person3 = {name:&#39;xiaoq&#39;};

則這三個物件的在記憶體中保存的情況如下圖：

js中的基本型別和參考型別

js中的基本型別與參考型別

轉載自https://blog.csdn.net/shuidinaozhongyan/article/details/72520842
基本型別：Number,String,Boolean,Null,undefined。

引用類型：Object,Array,Date,RegExp,Function

null和undefined的區別。

參考：http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html

一、相似性

1.在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。

var a=null;  
var b=undefined;

2.undefined和null在if语句中，都会被自动转为false，相等运算符甚至直接报告两者相等。

if (!undefined) 
    console.log(&#39;undefined is false&#39;);// undefined is falseif (!null) 
    console.log(&#39;null is false&#39;);// null is falseundefined == null// true<span style="font-family:Georgia, serif;color:#111111;"><span style="font-size:16px;letter-spacing:-.12px;word-spacing:2.4px;background-color:rgb(245,245,213);"><strong>
</strong></span></span>

上面代码说明，两者的行为是何等相似！

既然undefined和null的含义与用法都差不多，为什么要同时设置两个这样的值，这不是无端增加JavaScript的复杂度，令初学者困扰吗？Google公司开发的JavaScript语言的替代品Dart语言，就明确规定只有null，没有undefined！

二、

最近，我在读新书《Speaking JavaScript》时，意外发现了这个问题的答案！

原来，这与JavaScript的历史有关。1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示”无”的值。

根据C语言的传统，null被设计成可以自动转为0。

Number(null)// 05 + null// 5

但是，JavaScript的设计者Brendan Eich，觉得这样做还不够，有两个原因。

首先，null像在Java里一样，被当成一个对象。但是，JavaScript的数据类型分成原始类型（primitive）和合成类型（complex）两大类，Brendan Eich觉得表示”无”的值最好不是对象。

其次，JavaScript的最初版本没有包括错误处理机制，发生数据类型不匹配时，往往是自动转换类型或者默默地失败。Brendan Eich觉得，如果null自动转为0，很不容易发现错误。

因此，Brendan Eich又设计了一个undefined。

三、最初设计
JavaScript的最初版本是这样区分的：null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值，转为数值时为NaN。

Number(undefined)// NaN5 + undefined// NaN

四、目前的用法
但是，上面这样的区分，在实践中很快就被证明不可行。目前，null和undefined基本是同义的，只有一些细微的差别。

null表示”没有对象”，即该处不应该有值。典型用法是：

（1）作为函数的参数，表示该函数的参数不是对象。

（2）作为对象原型链的终点。

Object.getPrototypeOf(Object.prototype)
// null

undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。

（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。

（3）对象没有赋值的属性，该属性的值为undefined。

（4）函数没有返回值时，默认返回undefined。

var i;
i // undefinedfunction f(x){console.log(x)}
f() // undefinedvar  o = new Object();
o.p // undefinedvar x = f();
x // undefined

Object是引用类型嘛？

 Object是一个基础类型，其他所有类型都从Object继承了基本行为。比如原型链中它的原型为null。

引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

1.基本类型的变量是存放在栈区的（栈区指内存里的栈内存）

那么它的存储结构如下图：

js中的基本型別和參考型別

栈区包括了变量的标识符和变量的值。

javascript和其他语言不同，其不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间，那我们操作啥呢？实际上，是操作对象的引用，
所以引用类型的值是按引用访问的。
准确地说，引用类型的存储需要内存的栈区和堆区（堆区是指内存里的堆内存）共同完成，栈区内存保存变量标识符和指向堆内存中该对象的指针，
也可以说是该对象在堆内存的地址。
假如有以下几个对象：

var person1 = {name:&#39;jozo&#39;};var person2 = {name:&#39;xiaom&#39;};var person3 = {name:&#39;xiaoq&#39;};

则这三个对象的在内存中保存的情况如下图：

js中的基本型別和參考型別

js中的基本型別和參考型別

js中的基本型別與參考型別

js中的基本型別與參考型別

相關文章