JavaScript數(shù)據(jù)類型和變量_動力節(jié)點Java學院整理
數(shù)據(jù)類型
計算機顧名思義就是可以做數(shù)學計算的機器,因此,計算機程序理所當然地可以處理各種數(shù)值。但是,計算機能處理的遠不止數(shù)值,還可以處理文本、圖形、音頻、視頻、網(wǎng)頁等各種各樣的數(shù)據(jù),不同的數(shù)據(jù),需要定義不同的數(shù)據(jù)類型。在JavaScript中定義了以下幾種數(shù)據(jù)類型:
Number
JavaScript不區(qū)分整數(shù)和浮點數(shù),統(tǒng)一用Number表示,以下都是合法的Number類型:
123; // 整數(shù)123 0.456; // 浮點數(shù)0.456 1.2345e3; // 科學計數(shù)法表示1.2345x1000,等同于1234.5 -99; // 負數(shù) NaN; // NaN表示Not a Number,當無法計算結果時用NaN表示
Infinity; // Infinity表示無限大,當數(shù)值超過了JavaScript的Number所能表示的最大值時,就表示為Infinity
計算機由于使用二進制,所以,有時候用十六進制表示整數(shù)比較方便,十六進制用0x前綴和0-9,a-f表示,例如:0xff00,0xa5b4c3d2,等等,它們和十進制表示的數(shù)值完全一樣。
Number可以直接做四則運算,規(guī)則和數(shù)學一致:
1 + 2; // 3 (1 + 2) * 5 / 2; // 7.5 2 / 0; // Infinity 0 / 0; // NaN 10 % 3; // 1 10.5 % 3; // 1.5
注意%是求余運算。
字符串
字符串是以單引號'或雙引號"括起來的任意文本,比如'abc',"xyz"等等。請注意,''或""本身只是一種表示方式,不是字符串的一部分,因此,字符串'abc'只有a,b,c這3個字符。
布爾值
布爾值和布爾代數(shù)的表示完全一致,一個布爾值只有true、false兩種值,要么是true,要么是false,可以直接用true、false表示布爾值,也可以通過布爾運算計算出來:
true; // 這是一個true值 false; // 這是一個false值 2 > 1; // 這是一個true值 2 >= 3; // 這是一個false值
&&運算是與運算,只有所有都為true,&&運算結果才是true:
true && true; // 這個&&語句計算結果為true true && false; // 這個&&語句計算結果為false false && true && false; // 這個&&語句計算結果為false
||運算是或運算,只要其中有一個為true,||運算結果就是true:
false || false; // 這個||語句計算結果為false true || false; // 這個||語句計算結果為true false || true || false; // 這個||語句計算結果為true
!運算是非運算,它是一個單目運算符,把true變成false,false變成true:
! true; // 結果為false ! false; // 結果為true ! (2 > 5); // 結果為true
布爾值經(jīng)常用在條件判斷中,比如:
var age = 15; if (age >= 18) { alert('adult'); } else { alert('teenager'); }
比較運算符
當我們對Number做比較時,可以通過比較運算符得到一個布爾值:
2 > 5; // false 5 >= 2; // true 7 == 7; // true
實際上,JavaScript允許對任意數(shù)據(jù)類型做比較:
false == 0; // true false === 0; // false
要特別注意相等運算符==。JavaScript在設計時,有兩種比較運算符:
第一種是==比較,它會自動轉換數(shù)據(jù)類型再比較,很多時候,會得到非常詭異的結果;
第二種是===比較,它不會自動轉換數(shù)據(jù)類型,如果數(shù)據(jù)類型不一致,返回false,如果一致,再比較。
由于JavaScript這個設計缺陷,不要使用==比較,始終堅持使用===比較。
另一個例外是NaN這個特殊的Number與所有其他值都不相等,包括它自己:
NaN === NaN; // false
唯一能判斷NaN的方法是通過isNaN()函數(shù):
isNaN(NaN); // true
最后要注意浮點數(shù)的相等比較:
1 / 3 === (1 - 2 / 3); // false
這不是JavaScript的設計缺陷。浮點數(shù)在運算過程中會產(chǎn)生誤差,因為計算機無法精確表示無限循環(huán)小數(shù)。要比較兩個浮點數(shù)是否相等,只能計算它們之差的絕對值,看是否小于某個閾值:
Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
null和undefined
null表示一個“空”的值,它和0以及空字符串''不同,0是一個數(shù)值,''表示長度為0的字符串,而null表示“空”。
在其他語言中,也有類似JavaScript的null的表示,例如Java也用null,Swift用nil,Python用None表示。但是,在JavaScript中,還有一個和null類似的undefined,它表示“未定義”。
JavaScript的設計者希望用null表示一個空的值,而undefined表示值未定義。事實證明,這并沒有什么卵用,區(qū)分兩者的意義不大。大多數(shù)情況下,我們都應該用null。undefined僅僅在判斷函數(shù)參數(shù)是否傳遞的情況下有用。
數(shù)組
數(shù)組是一組按順序排列的集合,集合的每個值稱為元素。JavaScript的數(shù)組可以包括任意數(shù)據(jù)類型。例如:
[1, 2, 3.14, 'Hello', null, true];
上述數(shù)組包含6個元素。數(shù)組用[]表示,元素之間用,分隔。
另一種創(chuàng)建數(shù)組的方法是通過Array()函數(shù)實現(xiàn):
new Array(1, 2, 3); // 創(chuàng)建了數(shù)組[1, 2, 3]
然而,出于代碼的可讀性考慮,強烈建議直接使用[]。
數(shù)組的元素可以通過索引來訪問。請注意,索引的起始值為0:
var arr = [1, 2, 3.14, 'Hello', null, true]; arr[0]; // 返回索引為0的元素,即1 arr[5]; // 返回索引為5的元素,即true arr[6]; // 索引超出了范圍,返回undefined
對象
JavaScript的對象是一組由鍵-值組成的無序集合,例如:
var person = { name: 'Bob', age: 20, tags: ['js', 'web', 'mobile'], city: 'Beijing', hasCar: true, zipcode: null };
JavaScript對象的鍵都是字符串類型,值可以是任意數(shù)據(jù)類型。上述person對象一共定義了6個鍵值對,其中每個鍵又稱為對象的屬性,例如,person的name屬性為'Bob',zipcode屬性為null。
要獲取一個對象的屬性,我們用對象變量.屬性名的方式:
person.name; // 'Bob' person.zipcode; // null
變量
變量的概念基本上和初中代數(shù)的方程變量是一致的,只是在計算機程序中,變量不僅可以是數(shù)字,還可以是任意數(shù)據(jù)類型。
變量在JavaScript中就是用一個變量名表示,變量名是大小寫英文、數(shù)字、$和_的組合,且不能用數(shù)字開頭。變量名也不能是JavaScript的關鍵字,如if、while等。申明一個變量用var語句,比如:
var a; // 申明了變量a,此時a的值為undefined var $b = 1; // 申明了變量$b,同時給$b賦值,此時$b的值為1 var s_007 = '007'; // s_007是一個字符串 var Answer = true; // Answer是一個布爾值true var t = null; // t的值是null
變量名也可以用中文,但是,請不要給自己找麻煩。
在JavaScript中,使用等號=對變量進行賦值。可以把任意數(shù)據(jù)類型賦值給變量,同一個變量可以反復賦值,而且可以是不同類型的變量,但是要注意只能用var申明一次,例如:
var a = 123; // a的值是整數(shù)123 a = 'ABC'; // a變?yōu)樽址?
這種變量本身類型不固定的語言稱之為動態(tài)語言,與之對應的是靜態(tài)語言。靜態(tài)語言在定義變量時必須指定變量類型,如果賦值的時候類型不匹配,就會報錯。例如Java是靜態(tài)語言,賦值語句如下:
int a = 123; // a是整數(shù)類型變量,類型用int申明 a = "ABC"; // 錯誤:不能把字符串賦給整型變量
和靜態(tài)語言相比,動態(tài)語言更靈活,就是這個原因。
請不要把賦值語句的等號等同于數(shù)學的等號。比如下面的代碼:
var x = 10; x = x + 2;
如果從數(shù)學上理解x = x + 2那無論如何是不成立的,在程序中,賦值語句先計算右側的表達式x + 2,得到結果12,再賦給變量x。由于x之前的值是10,重新賦值后,x的值變成12。
strict模式
JavaScript在設計之初,為了方便初學者學習,并不強制要求用var申明變量。這個設計錯誤帶來了嚴重的后果:如果一個變量沒有通過var申明就被使用,那么該變量就自動被申明為全局變量:
i = 10; // i現(xiàn)在是全局變量
在同一個頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產(chǎn)生難以調(diào)試的錯誤結果。
使用var申明的變量則不是全局變量,它的范圍被限制在該變量被申明的函數(shù)體內(nèi)(函數(shù)的概念將稍后講解),同名變量在不同的函數(shù)體內(nèi)互不沖突。
為了修補JavaScript這一嚴重設計缺陷,ECMA在后續(xù)規(guī)范中推出了strict模式,在strict模式下運行的JavaScript代碼,強制通過var申明變量,未使用var申明變量就使用的,將導致運行錯誤。
啟用strict模式的方法是在JavaScript代碼的第一行寫上:
'use strict';
這是一個字符串,不支持strict模式的瀏覽器會把它當做一個字符串語句執(zhí)行,支持strict模式的瀏覽器將開啟strict模式運行JavaScript。
來測試一下你窗體頂端
'use strict'; // 如果瀏覽器支持strict模式, // 下面的代碼將報ReferenceError錯誤:
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Javascript中匿名函數(shù)的多種調(diào)用方式總結
這篇文章主要是對Javascript中匿名函數(shù)的多種調(diào)用方式進行了詳細的總結介紹。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12JavaScript Promise與async/await作用詳細講解
Promise是異步編程的一種解決方案:從語法上講,promise是一個對象,從它可以獲取異步操作的消息;從本意上講,它是承諾,承諾它過一段時間會給你一個結果2023-01-01基于js實現(xiàn)復制內(nèi)容到操作系統(tǒng)粘貼板過程解析
這篇文章主要介紹了基于js實現(xiàn)復制內(nèi)容到操作系統(tǒng)粘貼板過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10IE8利用自帶的setCapture和releaseCapture解決iframe的拖拽事件方法
最近有個需求須要實現(xiàn)左右拖拽功能,頁面右邊是個iframe頁面,在chrome測試通過之后,發(fā)現(xiàn)在ie8上面效果不是很理想,查閱相關資料找到可以使用ie自帶的setCapture和releaseCapture來解決,需要的朋友可以參考下2016-10-10