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

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

Apr 10, 2018 pm 02:10 PM
javascript 引用 類型

這篇文章要跟大家分享的內容是關於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('undefined is false');// 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中的基本型別和參考型別

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

2.

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中的基本型別和參考型別

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

2.

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

var person1 = {name:&#39;jozo&#39;};var person2 = {name:&#39;xiaom&#39;};var person3 = {name:&#39;xiaoq&#39;};
登入後複製
登入後複製

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

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

相关推荐:

JS引用类型的介绍

以上是js中的基本型別和參考型別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

視訊矩陣帳號怎麼做?它的矩陣帳號都有哪些類型呢? 視訊矩陣帳號怎麼做?它的矩陣帳號都有哪些類型呢? Mar 21, 2024 pm 04:57 PM

隨著短影片平台的盛行,影片矩陣帳號行銷已成為一種新興行銷方式。透過在不同平台上建立和管理多個帳號,企業和個人能夠實現品牌推廣、粉絲成長和產品銷售等目標。本文將為您探討如何有效運用視訊矩陣帳號,並介紹不同類型的視訊矩陣帳號。一、視訊矩陣帳號怎麼做?要做好視訊矩陣帳號,需要遵循以下幾個步驟:首先要明確你的影片矩陣帳號的目標是什麼,是為了品牌傳播、粉絲成長還是產品銷售。明確目標有助於制定相應的策略。 2.選擇平台:根據你的目標受眾,選擇合適的短影片平台。目前主流的短視頻平台有抖音、快手、火山小影片等。

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

C++ 函式回傳參考型別有什麼好處? C++ 函式回傳參考型別有什麼好處? Apr 20, 2024 pm 09:12 PM

C++中的函數傳回參考類型的好處包括:效能提升:引用傳遞避免了物件複製,從而節省了記憶體和時間。直接修改:呼叫方可以直接修改傳回的參考對象,而無需重新賦值。程式碼簡潔:引用傳遞簡化了程式碼,無需額外的賦值操作。

如何使用 C++ 引用和指標傳參? 如何使用 C++ 引用和指標傳參? Apr 12, 2024 pm 10:21 PM

C++中引用和指標都是傳遞函式參數的方法,但有差別。引用是變數的別名,修改引用會修改原始變量,而指標儲存變數的位址,修改指標值不會修改原始變數。在選擇使用引用還是指標時,需要考慮是否需要修改原始變數、是否需要傳遞空值和效能考量等因素。

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP狀態碼取得方法簡介:在進行前端開發中,我們常常需要處理與後端介面的交互,而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法,並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時,服務

See all articles