本文主要講了javascript中的基本資料類型,以及值型別與參考型別的差異與使用
一、基本資料型別
在javascript中申明變數所使用的關鍵字都是var,這點與其他的程式語言不盡相同,但是javascript也含有五種基本的資料型態(也可以說是簡單資料型別),它們分別是:Undefined, Null,Boolean,Number和String。也含有一種複雜資料型別—Object。
(1)、"undefined"-未申明,或變數的值即為undefined或未初始化;
(2) 、"boolean" -如果這變數的值是布林型別;
(3)、"string" -值是字串型別;
(4)、"number" -值是數字型別;
(5)、"object" ——物件或值為null;
typeof這個關鍵字是一定要說的,因為javascript是鬆散類型的,在變數申明時並沒有使用與之類型相對應的關鍵字,如果在程式碼中想要獲知某個變數的基本資料量,就可以使用typeof。這裡要注意的是typeof回傳的是字串類型。
(5)、"function" ——函數。
實例驗證:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function test1(){ var testMessage; alert(typeof testMessage); } function test2(){ var testMessage = null; alert(typeof testMessage); } function test3(){ var testMessage = "hello"; alert(typeof testMessage) } function test4(){ var testMessage = 12; alert(typeof testMessage) } function test5(){ var testMessage = true; alert(typeof testMessage) } function test6(){ var testMessage = []; alert(typeof testMessage) } function test7(){ var testMessage = []; alert(typeof testMessage) } function test8(){ var testMessage = new Object(); alert(typeof testMessage) } function test9(){ alert(typeof test8) } </script> </head> <body> <button type="button" id="button1" onclick = "test1()">测试undefined</button> <button type="button" id="button2" onclick = "test2()">测试null</button> <button type="button" id="button3" onclick = "test3()">测试string</button> <button type="button" id="button4" onclick = "test4()">测试number</button> <button type="button" id="button5" onclick = "test5()">测试boolean</button> <button type="button" id="button6" onclick = "test6()">测试[]</button> <button type="button" id="button7" onclick = "test7()">测试{}</button> <button type="button" id="button8" onclick = "test8()">测试Object</button> <button type="button" id="button9" onclick = "test9()">测试function</button> </body> </html>
1、Undefined
Undefined類型只有一個值,即undefined。當宣告的變數還未初始化時,變數的預設值為undefined
function test1(){ var testMessage; alert(typeof testMessage); }
#2、Null
# Null類型也只有一個值,即null。 null用來表示尚未存在的對象,常用來表示函數企圖回傳一個不存在的物件function test2(){
var testMessage = null;
alert(typeof testMessage);
}
3、string
#字串,字串可以是引號中的任意文字。可以使用單引號或雙引號:
function test3(){ var testMessage = "hello"; alert(typeof testMessage) }

#4、number
可以是浮點數,整數
function test4(){ var testMessage = 12; alert(typeof testMessage) }

5、boolean
布林型,有兩個值true or false.#
function test5(){ var testMessage = true; alert(typeof testMessage) }
######################################################################################################### ####6、obeject:##################物件與數組,還有null也是。 ###物件和陣列裡都可以包含不同的類型,包括物件和陣列。 ############
function test6(){ var testMessage = []; alert(typeof testMessage) } function test7(){ var testMessage = []; alert(typeof testMessage) } function test8(){ var testMessage = new Object(); alert(typeof testMessage) }###################### ############### ##### ###### ############7、function##########
函数类型
function test9(){ alert(typeof test8) }
二、值类型与引用类型
(1)值类型:数值、布尔值、null、undefined
值类型指的是保存在栈内存中的简单数据段,按值访问,操作的是他们实际保存的值;
(2)引用类型:对象、数组、函数
引用类型指的是那些保存在堆内存中的对象,意思是,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象;引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值;
如:以下都是引用类型
var cars= new Array; var person= new Object;
1、值类型实例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function fun1(){ var a=1; var b=a; b=-1; alert("a="+a+" b="+b); } function fun2(){ var a=new String("lin"); var b=a; b = new String("bing"); alert("a="+a+" b="+b); } function fun3(){ var a="lin"; var b=a; b = "bing"; alert("a="+a+" b="+b); } </script> </head> <body> <button type="button" id="button1" onclick = "fun1()">测试值类型</button> <button type="button" id="button2" onclick = "fun2()">测试值类型</button> <button type="button" id="button1" onclick = "fun3()">测试值类型</button> </body> </html>
2、引用类型实例
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function fun1(){ var a=[1,2,3]; var b=a; a[0]=1000; alert("a="+a+" b="+b); } function fun2(){ var a = [1,2,3]; var b = a; b = [11, 12, 13];//b指向了另一个内存地址,与a断开关联 a[0] = 2; alert("a="+a+" b="+b); } function fun3(){ function ClassDemo(){ this.name = "linbingwen"; this.url = "我的博客:http://blog.csdn.net/evankaka"; } var objDemo = new ClassDemo(); var objDemo1 = objDemo; var objDemo2 = objDemo; objDemo1.url = "我的主页:http://my.csdn.net/Evankaka"; alert( "objDemo1.url的值:javascript基本資料型別與值型別引用型別介紹n" + objDemo1.url + "javascript基本資料型別與值型別引用型別介紹n" + "objDemo2.url的值:javascript基本資料型別與值型別引用型別介紹n" + objDemo2.url ); } </script> </head> <body> <button type="button" id="button1" onclick = "fun1()">测试引用类型</button> <button type="button" id="button2" onclick = "fun2()">测试引用类型</button> <button type="button" id="button3" onclick = "fun3()">测试引用类型</button> </body> </html>
注意:
undefined,null,空字符串,0都等于false,都可以通过!来取反。
以上是javascript基本資料型別與值型別引用型別介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript起源於1995年,由布蘭登·艾克創造,實現語言為C語言。 1.C語言為JavaScript提供了高性能和系統級編程能力。 2.JavaScript的內存管理和性能優化依賴於C語言。 3.C語言的跨平台特性幫助JavaScript在不同操作系統上高效運行。

JavaScript在瀏覽器和Node.js環境中運行,依賴JavaScript引擎解析和執行代碼。 1)解析階段生成抽象語法樹(AST);2)編譯階段將AST轉換為字節碼或機器碼;3)執行階段執行編譯後的代碼。

Python和JavaScript的未來趨勢包括:1.Python將鞏固在科學計算和AI領域的地位,2.JavaScript將推動Web技術發展,3.跨平台開發將成為熱門,4.性能優化將是重點。兩者都將繼續在各自領域擴展應用場景,並在性能上有更多突破。

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

是的,JavaScript的引擎核心是用C語言編寫的。 1)C語言提供了高效性能和底層控制,適合JavaScript引擎的開發。 2)以V8引擎為例,其核心用C 編寫,結合了C的效率和麵向對象特性。 3)JavaScript引擎的工作原理包括解析、編譯和執行,C語言在這些過程中發揮關鍵作用。

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

SublimeText3漢化版
中文版,非常好用

WebStorm Mac版
好用的JavaScript開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

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