欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript數(shù)據(jù)類型和變量_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

 更新時(shí)間:2017年06月26日 10:39:24   作者:liaoxuefeng  
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)類型和變量的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

數(shù)據(jù)類型

計(jì)算機(jī)顧名思義就是可以做數(shù)學(xué)計(jì)算的機(jī)器,因此,計(jì)算機(jī)程序理所當(dāng)然地可以處理各種數(shù)值。但是,計(jì)算機(jī)能處理的遠(yuǎn)不止數(shù)值,還可以處理文本、圖形、音頻、視頻、網(wǎng)頁等各種各樣的數(shù)據(jù),不同的數(shù)據(jù),需要定義不同的數(shù)據(jù)類型。在JavaScript中定義了以下幾種數(shù)據(jù)類型:

Number

JavaScript不區(qū)分整數(shù)和浮點(diǎn)數(shù),統(tǒng)一用Number表示,以下都是合法的Number類型:

123; // 整數(shù)123
0.456; // 浮點(diǎn)數(shù)0.456
1.2345e3; // 科學(xué)計(jì)數(shù)法表示1.2345x1000,等同于1234.5
-99; // 負(fù)數(shù)
NaN; // NaN表示Not a Number,當(dāng)無法計(jì)算結(jié)果時(shí)用NaN表示

Infinity; // Infinity表示無限大,當(dāng)數(shù)值超過了JavaScript的Number所能表示的最大值時(shí),就表示為Infinity
計(jì)算機(jī)由于使用二進(jìn)制,所以,有時(shí)候用十六進(jìn)制表示整數(shù)比較方便,十六進(jìn)制用0x前綴和0-9,a-f表示,例如:0xff00,0xa5b4c3d2,等等,它們和十進(jìn)制表示的數(shù)值完全一樣。
Number可以直接做四則運(yùn)算,規(guī)則和數(shù)學(xué)一致:

1 + 2; // 3
(1 + 2) * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN
10 % 3; // 1
10.5 % 3; // 1.5

注意%是求余運(yùn)算。

字符串

字符串是以單引號(hào)'或雙引號(hào)"括起來的任意文本,比如'abc',"xyz"等等。請(qǐng)注意,''或""本身只是一種表示方式,不是字符串的一部分,因此,字符串'abc'只有a,b,c這3個(gè)字符。

布爾值

布爾值和布爾代數(shù)的表示完全一致,一個(gè)布爾值只有true、false兩種值,要么是true,要么是false,可以直接用true、false表示布爾值,也可以通過布爾運(yùn)算計(jì)算出來:

true; // 這是一個(gè)true值
false; // 這是一個(gè)false值
2 > 1; // 這是一個(gè)true值
2 >= 3; // 這是一個(gè)false值

&&運(yùn)算是與運(yùn)算,只有所有都為true,&&運(yùn)算結(jié)果才是true:

true && true; // 這個(gè)&&語句計(jì)算結(jié)果為true
true && false; // 這個(gè)&&語句計(jì)算結(jié)果為false
false && true && false; // 這個(gè)&&語句計(jì)算結(jié)果為false

||運(yùn)算是或運(yùn)算,只要其中有一個(gè)為true,||運(yùn)算結(jié)果就是true:

false || false; // 這個(gè)||語句計(jì)算結(jié)果為false
true || false; // 這個(gè)||語句計(jì)算結(jié)果為true
false || true || false; // 這個(gè)||語句計(jì)算結(jié)果為true

!運(yùn)算是非運(yùn)算,它是一個(gè)單目運(yùn)算符,把true變成false,false變成true:

! true; // 結(jié)果為false
! false; // 結(jié)果為true
! (2 > 5); // 結(jié)果為true

布爾值經(jīng)常用在條件判斷中,比如:

var age = 15;
if (age >= 18) {
 alert('adult');
} else {
 alert('teenager');
}

比較運(yùn)算符

當(dāng)我們對(duì)Number做比較時(shí),可以通過比較運(yùn)算符得到一個(gè)布爾值:

2 > 5; // false
5 >= 2; // true
7 == 7; // true

實(shí)際上,JavaScript允許對(duì)任意數(shù)據(jù)類型做比較:

false == 0; // true
false === 0; // false

要特別注意相等運(yùn)算符==。JavaScript在設(shè)計(jì)時(shí),有兩種比較運(yùn)算符:

第一種是==比較,它會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型再比較,很多時(shí)候,會(huì)得到非常詭異的結(jié)果;
第二種是===比較,它不會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型,如果數(shù)據(jù)類型不一致,返回false,如果一致,再比較。
由于JavaScript這個(gè)設(shè)計(jì)缺陷,不要使用==比較,始終堅(jiān)持使用===比較。
另一個(gè)例外是NaN這個(gè)特殊的Number與所有其他值都不相等,包括它自己:

NaN === NaN; // false

唯一能判斷NaN的方法是通過isNaN()函數(shù):

isNaN(NaN); // true

最后要注意浮點(diǎn)數(shù)的相等比較:

1 / 3 === (1 - 2 / 3); // false

這不是JavaScript的設(shè)計(jì)缺陷。浮點(diǎn)數(shù)在運(yùn)算過程中會(huì)產(chǎn)生誤差,因?yàn)橛?jì)算機(jī)無法精確表示無限循環(huán)小數(shù)。要比較兩個(gè)浮點(diǎn)數(shù)是否相等,只能計(jì)算它們之差的絕對(duì)值,看是否小于某個(gè)閾值:

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

null和undefined
null表示一個(gè)“空”的值,它和0以及空字符串''不同,0是一個(gè)數(shù)值,''表示長度為0的字符串,而null表示“空”。
在其他語言中,也有類似JavaScript的null的表示,例如Java也用null,Swift用nil,Python用None表示。但是,在JavaScript中,還有一個(gè)和null類似的undefined,它表示“未定義”。
JavaScript的設(shè)計(jì)者希望用null表示一個(gè)空的值,而undefined表示值未定義。事實(shí)證明,這并沒有什么卵用,區(qū)分兩者的意義不大。大多數(shù)情況下,我們都應(yīng)該用null。undefined僅僅在判斷函數(shù)參數(shù)是否傳遞的情況下有用。
數(shù)組
數(shù)組是一組按順序排列的集合,集合的每個(gè)值稱為元素。JavaScript的數(shù)組可以包括任意數(shù)據(jù)類型。例如:

[1, 2, 3.14, 'Hello', null, true];

上述數(shù)組包含6個(gè)元素。數(shù)組用[]表示,元素之間用,分隔。
另一種創(chuàng)建數(shù)組的方法是通過Array()函數(shù)實(shí)現(xiàn):

new Array(1, 2, 3); // 創(chuàng)建了數(shù)組[1, 2, 3]

然而,出于代碼的可讀性考慮,強(qiáng)烈建議直接使用[]。
數(shù)組的元素可以通過索引來訪問。請(qǐng)注意,索引的起始值為0:

var arr = [1, 2, 3.14, 'Hello', null, true];
arr[0]; // 返回索引為0的元素,即1
arr[5]; // 返回索引為5的元素,即true
arr[6]; // 索引超出了范圍,返回undefined

對(duì)象

JavaScript的對(duì)象是一組由鍵-值組成的無序集合,例如:

var person = {
 name: 'Bob',
 age: 20,
 tags: ['js', 'web', 'mobile'],
 city: 'Beijing',
 hasCar: true,
 zipcode: null
};

JavaScript對(duì)象的鍵都是字符串類型,值可以是任意數(shù)據(jù)類型。上述person對(duì)象一共定義了6個(gè)鍵值對(duì),其中每個(gè)鍵又稱為對(duì)象的屬性,例如,person的name屬性為'Bob',zipcode屬性為null。
要獲取一個(gè)對(duì)象的屬性,我們用對(duì)象變量.屬性名的方式:

person.name; // 'Bob'
person.zipcode; // null

變量

變量的概念基本上和初中代數(shù)的方程變量是一致的,只是在計(jì)算機(jī)程序中,變量不僅可以是數(shù)字,還可以是任意數(shù)據(jù)類型。
變量在JavaScript中就是用一個(gè)變量名表示,變量名是大小寫英文、數(shù)字、$和_的組合,且不能用數(shù)字開頭。變量名也不能是JavaScript的關(guān)鍵字,如if、while等。申明一個(gè)變量用var語句,比如:

var a; // 申明了變量a,此時(shí)a的值為undefined
var $b = 1; // 申明了變量$b,同時(shí)給$b賦值,此時(shí)$b的值為1
var s_007 = '007'; // s_007是一個(gè)字符串
var Answer = true; // Answer是一個(gè)布爾值true
var t = null; // t的值是null

變量名也可以用中文,但是,請(qǐng)不要給自己找麻煩。
在JavaScript中,使用等號(hào)=對(duì)變量進(jìn)行賦值。可以把任意數(shù)據(jù)類型賦值給變量,同一個(gè)變量可以反復(fù)賦值,而且可以是不同類型的變量,但是要注意只能用var申明一次,例如:

var a = 123; // a的值是整數(shù)123
a = 'ABC'; // a變?yōu)樽址?

這種變量本身類型不固定的語言稱之為動(dòng)態(tài)語言,與之對(duì)應(yīng)的是靜態(tài)語言。靜態(tài)語言在定義變量時(shí)必須指定變量類型,如果賦值的時(shí)候類型不匹配,就會(huì)報(bào)錯(cuò)。例如Java是靜態(tài)語言,賦值語句如下:

int a = 123; // a是整數(shù)類型變量,類型用int申明
a = "ABC"; // 錯(cuò)誤:不能把字符串賦給整型變量

和靜態(tài)語言相比,動(dòng)態(tài)語言更靈活,就是這個(gè)原因。
請(qǐng)不要把賦值語句的等號(hào)等同于數(shù)學(xué)的等號(hào)。比如下面的代碼:

var x = 10;
x = x + 2;

如果從數(shù)學(xué)上理解x = x + 2那無論如何是不成立的,在程序中,賦值語句先計(jì)算右側(cè)的表達(dá)式x + 2,得到結(jié)果12,再賦給變量x。由于x之前的值是10,重新賦值后,x的值變成12。

strict模式

JavaScript在設(shè)計(jì)之初,為了方便初學(xué)者學(xué)習(xí),并不強(qiáng)制要求用var申明變量。這個(gè)設(shè)計(jì)錯(cuò)誤帶來了嚴(yán)重的后果:如果一個(gè)變量沒有通過var申明就被使用,那么該變量就自動(dòng)被申明為全局變量:

i = 10; // i現(xiàn)在是全局變量

在同一個(gè)頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產(chǎn)生難以調(diào)試的錯(cuò)誤結(jié)果。

使用var申明的變量則不是全局變量,它的范圍被限制在該變量被申明的函數(shù)體內(nèi)(函數(shù)的概念將稍后講解),同名變量在不同的函數(shù)體內(nèi)互不沖突。

為了修補(bǔ)JavaScript這一嚴(yán)重設(shè)計(jì)缺陷,ECMA在后續(xù)規(guī)范中推出了strict模式,在strict模式下運(yùn)行的JavaScript代碼,強(qiáng)制通過var申明變量,未使用var申明變量就使用的,將導(dǎo)致運(yùn)行錯(cuò)誤。

啟用strict模式的方法是在JavaScript代碼的第一行寫上:

'use strict';

這是一個(gè)字符串,不支持strict模式的瀏覽器會(huì)把它當(dāng)做一個(gè)字符串語句執(zhí)行,支持strict模式的瀏覽器將開啟strict模式運(yùn)行JavaScript。

來測(cè)試一下你窗體頂端

'use strict';
// 如果瀏覽器支持strict模式,
// 下面的代碼將報(bào)ReferenceError錯(cuò)誤:

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 深入理解js 中async 函數(shù)的含義和用法

    深入理解js 中async 函數(shù)的含義和用法

    async 函數(shù)就是隧道盡頭的亮光,很多人認(rèn)為它是異步操作的終極解決方案。接下來通過本文給大家分享js 中async 函數(shù)的含義和用法,感興趣的朋友跟隨腳本之家小編一起看看吧
    2018-05-05
  • js實(shí)現(xiàn)貪吃蛇小游戲(容易理解)

    js實(shí)現(xiàn)貪吃蛇小游戲(容易理解)

    本文主要介紹了js實(shí)現(xiàn)貪吃蛇小游戲的步驟與方法,代碼簡單,容易理解。具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01
  • JS版元素周期表實(shí)現(xiàn)方法

    JS版元素周期表實(shí)現(xiàn)方法

    這篇文章主要介紹了JS版元素周期表實(shí)現(xiàn)方法,可實(shí)現(xiàn)基于javascript動(dòng)態(tài)生成元素周期表的功能,點(diǎn)擊元素項(xiàng)可以在下方顯示對(duì)應(yīng)元素的各種常用屬性,需要的朋友可以參考下
    2015-08-08
  • javascript 實(shí)現(xiàn)map集合

    javascript 實(shí)現(xiàn)map集合

    本文給大家分享的是個(gè)人項(xiàng)目中需要的一個(gè)小功能,當(dāng)時(shí)經(jīng)過一番度娘才實(shí)現(xiàn),現(xiàn)在從項(xiàng)目中拿出來,分享給大家,需要的小伙伴快來參考下吧。
    2015-04-04
  • Javascript中匿名函數(shù)的多種調(diào)用方式總結(jié)

    Javascript中匿名函數(shù)的多種調(diào)用方式總結(jié)

    這篇文章主要是對(duì)Javascript中匿名函數(shù)的多種調(diào)用方式進(jìn)行了詳細(xì)的總結(jié)介紹。需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2013-12-12
  • JavaScript如何接收并顯示字節(jié)流中的圖片

    JavaScript如何接收并顯示字節(jié)流中的圖片

    這篇文章主要介紹了JavaScript如何接收并顯示字節(jié)流中的圖片問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-12-12
  • redux-saga 初識(shí)和使用

    redux-saga 初識(shí)和使用

    這篇文章主要介紹了redux-saga 初識(shí)和使,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • JavaScript Promise與async/await作用詳細(xì)講解

    JavaScript Promise與async/await作用詳細(xì)講解

    Promise是異步編程的一種解決方案:從語法上講,promise是一個(gè)對(duì)象,從它可以獲取異步操作的消息;從本意上講,它是承諾,承諾它過一段時(shí)間會(huì)給你一個(gè)結(jié)果
    2023-01-01
  • 基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析

    基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析

    這篇文章主要介紹了基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-10-10
  • IE8利用自帶的setCapture和releaseCapture解決iframe的拖拽事件方法

    IE8利用自帶的setCapture和releaseCapture解決iframe的拖拽事件方法

    最近有個(gè)需求須要實(shí)現(xiàn)左右拖拽功能,頁面右邊是個(gè)iframe頁面,在chrome測(cè)試通過之后,發(fā)現(xiàn)在ie8上面效果不是很理想,查閱相關(guān)資料找到可以使用ie自帶的setCapture和releaseCapture來解決,需要的朋友可以參考下
    2016-10-10

最新評(píng)論