這篇文章要跟大家分享的內容是關於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('null is false');// 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.基本類型的變數是存放在堆疊區的(堆疊區指記憶體裡的堆疊記憶體)
那麼它的儲存結構如下圖:
堆疊區包含了變數的識別碼和變數的值。
2.
javascript和其他語言不同,其不允許直接存取記憶體中的位置,也就是說不能直接操作物件的記憶體空間,那我們操作啥呢? 實際上,是操作物件的引用,
所以引用類型的值是按引用存取的。
確切地說,引用型別的儲存需要記憶體的堆疊區和堆疊區(堆疊區是指記憶體裡的堆疊記憶體)共同完成,堆疊區記憶體保存變數識別碼和指向堆疊記憶體中該物件的指標,
也可以說是該物件在堆記憶體的位址。
假如有以下幾個物件:
var person1 = {name:'jozo'};var person2 = {name:'xiaom'};var person3 = {name:'xiaoq'};
則這三個物件的在記憶體中保存的情況如下圖:
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('null is false');// 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.基本类型的变量是存放在栈区的(栈区指内存里的栈内存)
那么它的存储结构如下图:
栈区包括了 变量的标识符和变量的值。
2.
javascript和其他语言不同,其不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间,那我们操作啥呢? 实际上,是操作对象的引用,
所以引用类型的值是按引用访问的。
准确地说,引用类型的存储需要内存的栈区和堆区(堆区是指内存里的堆内存)共同完成,栈区内存保存变量标识符和指向堆内存中该对象的指针,
也可以说是该对象在堆内存的地址。
假如有以下几个对象:
var person1 = {name:'jozo'};var person2 = {name:'xiaom'};var person3 = {name:'xiaoq'};
则这三个对象的在内存中保存的情况如下图:
相关推荐:
以上是js中的基本型別和參考型別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好,適合初學者,但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大,JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富,但Python適合從官方文檔開始,JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

禪工作室 13.0.1
強大的PHP整合開發環境

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

WebStorm Mac版
好用的JavaScript開發工具