DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中的五種基本數據類型
javascript中的五種基本數據類型
編輯:關於JavaScript     

[0]5種數據類型:

    [0.1]基本數據類型:Undefined、Null、Boolean、Number、String

        [0.1.1]基本類型值是指簡單的數據段,5種基本類型是按值訪問的,因為可以操作保存在變量中的實際值

        [0.1.2]基本類型的值在內存中占據固定大小的空間,被保存在棧內存中。從一個變量向另一個變量復制基本類型的值,會創建這個值的一個副本。

        [0.1.3]不能給基本類型的值添加屬性

    [0.2]引用數據類型:Object

        [0.2.1]引用類型值是指那些可以由多個值構成的對象。js不允許直接訪問內存中的位置,也就是不能直接訪問操作對象的內存空間。在操作對象時,實際上是在操作對象的引用而不是實際的對象。

        [0.2.2]引用類型的值是對象,保存在堆內存中,包含引用類型值的變量實際上包含的並不是對象本身,而是一個指向該對象的指針。從一個變量向另一個變量復制引用類型的值,復制的其實是指針,因此兩個變量最終都指向同一個對象。

        [0.2.3]對於引用類型的值,可以為其添加屬性和方法,也可以改變和刪除其屬性和方法

[1]Undefined

    [1.1]Undefined類型只有一個值,就是undefined

    [1.2]var a <=> var a = undefined;   

    [1.3]對於尚未聲明過的變量,只能執行一項操作,就是使用typeof操作符檢測其數據類型【但在嚴格模式下會導致錯誤】

    [1.4]出現場景:

        [1.4.1]已聲明未賦值的變量

        [1.4.2]獲取對象不存在的屬性

        [1.4.3]無返回值的函數的執行結果

        [1.4.4]函數的參數沒有傳入

        [1.4.5]void(expression)

    [1.5]類型轉換

        Boolean(undefined):false

        Number(undefined):NaN

        String(undefined):'undefined'

[2]Null

    [2.1]Null類型只有一個值,就是null,邏輯角度看,null值表示一個空對象指針

    [2.2]如果定義的變量將用於保存對象,最好將該變量初始化為null

    [2.3]實際上undefined值是派生自null值的,所以undefined == null

    [2.4]出現場景:對象不存在時

    [2.5]類型轉換

        Boolean(null):false

        Number(null):0

        String(null):'null'       

    [注意1]null是空對象指針,而[]是空數組,{}是空對象,三者不相同

    [注意2]null不能添加自定義屬性

[3]Boolean

    [3.1]Boolean類型只有兩個值:true 和 false

    [3.2]出現場景:

        [3.2.1]條件語句導致系統執行的隱士類型轉換

        [3.2.2]字面量或變量定義

    [3.3]類型轉換

        Number(true): 1 || Number(false) : 0

        String(true):'true' || String(false):'false'

    [3.4]Boolean()

        Boolean(undefined):false

        Boolean(null):false

        Boolean(非空對象包括空數組[]和空對象{}):true

        Boolean(非0): true || Boolean(0和NaN):false

        Boolean(非空包括空格字符串):true || Boolean(''):false

    [注意]true不一定等於1,false也不一定等於0

 [4]Number

    [4.1]Number類型使用IEEE754格式來表示整數和浮點數值

    [注意]可以用一個值-0來將其轉換成一個數字

    [4.2]三種字面量格式是十進制、八進制、十六進制

        [4.2.1]八進制字面值的第一位必須是0,然後是八進制數字序列(0-7),如果字面值中的數值超出了范圍,那麼前導0將被忽略,後面的數值被當作十進制數解析

        [4.2.2]八進制字面量在嚴格模式下是無效的,會導致js拋出錯誤

        [4.2.3]十六進制字面值的前兩位必須是0x,後跟十六進制數字序列,字母可大寫可小寫

        [4.2.4]十六進制中字面值中的數值走出范圍,如出現g,h等會報錯

        [4.2.5]在進行算術計算時,所有以八進制和十六進制表示的數值最終都將被轉換成十進制數值

    [4.3]數值表示:

        [4.3.1]js中可以保存正0和負0,且被認為相等

        [4.3.2]浮點數值:該數值中必須包含一個小數點,並且小數點後面必須至少有一位數字。

            [4.3.2.1]由於浮點型數值需要的內存空間是保存整數值的兩倍,因此js會不失時機地將浮點數值轉換成整數值,若小數點後沒有跟任何數字或者浮點值本身表示的就是一個整數,這個數值會作為整數值來保存。

            [4.3.2.2]浮點數值的最高精度是17位小數

            [4.3.2.3]對於極大或者極小的數,可以用科學計數法e來表示的浮點數值來表示

            [4.3.2.4]默認情況下,js會將小數點後面帶有6個0以上的浮點數值轉換為以e表示法表示的數值

            [4.3.2.5]基於IEEE754數值的浮點計算的通病是捨入誤差的問題。如:0.1+0.2 === 0.3(15個0)4

        [4.3.3]js中的數值范圍是Number.MIN_VALUE(5e-324) —— Number.MAX_VALUE(1.7976931348623157e+308)

            [4.3.3.1]如果超出正數范圍,輸出Infinity(正無窮大),超出負數范圍,輸出-Infinity(負無窮大)

            [4.3.3.2]+-Infinity不能參與數值計算

            [4.3.3.3]Number.MAX_VALUE+1 != Infinity,因為計算機最多保存52位尾數位,保存不了1000多位,早就失去精度,即小數位全為0,所以相加不變

            [4.3.3.4]Number.MIN_VALUE - 1 != -Infinity,也是同樣的原因,所以結果為-1

            [4.3.3.5]可以用isFinite()來確定一個數值是不是有窮的,包含著隱式類型轉換Number()

            [4.3.3.6]isFinite(NaN) //false

        [4.3.4]NaN

            [4.3.4.1]NaN與任何值都不相等,包括NaN本身

            [4.3.4.2]任何涉及NaN的操作都會返回NaN

            [4.3.4.3]isNaN()來判斷這個數字是不是NaN,包含著隱式類型轉換Number()

    [4.4]數值轉換:Number()可用於任何類型,parseInt()和parseFloat專門用於把字符串轉換成數值

    [注意1]Number()、parseInt()、parseFloat()可以接受各種進制的數字,但對於含數字的字符串並不適用

    [注意2]Number()、parseInt()、parseFloat()中數字為1.2. 會報錯,但字符串為'1.2.'則不會報錯

        [4.4.1]Number()

            Number(true):1 || Number(false):0

            Number(各種進制的數字):運算後的十進制的數字,如1.0或1.或01會以1輸出

            Number(undefined):NaN

            Number(null):0

            Number(字符串):

                Number(只包含數字的十進制和十六進制的字符串):運算後的十進制的數字

                [注意]字符串中不識別八進制,按照十進制數字處理

                Number(''和' '):0

                Number(其他情況的字符串):NaN

            Number(對象):

                Number([]和[0]和[-0]):0

                Number([數字]):運算後的數字

                Number([1,2]和{}和其他對象):NaN

        [4.4.2]parseInt():在轉換字符串時,會忽略字符串前面的空格,直到找到第一個非空格字符。如果第一個字符不是數字字符或者負號,parseInt()就會返回NaN。如果是,則繼續解析,直到解析完成或者遇到非數字字符。

            [4.4.2.1]parseInt()可以識別出各種進制的整數,但在解析八進制字面量的字符串,ECMAScript3會解析八進制,但ECMAScript5沒有解析八進制的能力

            [4.4.2.2]parseInt()函數提供第二個參數,表示多少進制,如:parseInt('123',16或10或2)

            [4.4.2.3]parseInt(各種進制的數字):運算後的十進制的數字,如1.0或1.或01會以1輸出

            [4.4.2.4]因為parseInt()是專門用來處理字符串轉換數字的,所以parseInt(其他類型包括'')//NaN

        [4.4.3]parseFloat():類似於parseInt(),會忽略字符串前面的空格,直到找到第一個非空格字符

            [4.4.3.1]parseFloat()只能解析十進制字符串

            [4.4.3.2]parseFloat(各種進制的數字):運算後的十進制的數字,如1.0或1.或01會以1輸出

 [5]String:由單引號或雙引號括起來的字符序列,任何字符串的長度都可以通過訪問length屬性獲得

    [5.1]字符字面量,也叫轉義序列

        \n 換行

        \t 制表

        \b 空格

        \r 回車

        \f 進紙

        \\ 斜槓

        \' 單引號

        \" 雙引號

        \xnn 以十六進制nn表示一個字符(n為0-f),如\x41表示'A'

        \unnnn 以十六進制nnnn表示一個Unicode字符(n為0-f),如\u03a3表示希臘字符ε

    [5.2]ECMAScript中的字符串是不可變的   

    [5.3]字符串連接需要先創建一個新字符串,然後在新字符串中填充兩個需要拼接的字符串,最後再銷毀原來的字符串。這個過程在後台發生,也是在某些舊版本浏覽器(IE6)拼接字符串速度慢的原因,但後來已經解決了這個低效率問題

    [5.4]字符串轉換

        [5.4.1]toString()

            Null和Undefined沒有該方法

            Boolean、Object、String有該方法

            Number使用該方法可以傳遞基數2、8、10、16,如var num = 10;num.toString(2);//1010

            但10.toString(2)會報錯,因為數字後面不能跟標識符

        [5.4.2]String()

            有toString()方法,使用toString()方法

            String(null);//'null'

            String(undefined);//'undefined'   

        [5.4.3]要把某個值轉換為字符串,可以使用加號操作符把它與一個空字符串''加在一起

   [5.4.4]如果數組中的某一項的值是null或者undefined,那麼該值在join()、toLocaleString()、toString()和valueOf()方法返回的結果中以空字符串表示

最後給大家一個簡單的例子說明下這五種基本類型的不同

var testString = "Hello"; 
var testBoobean = true; 
var testUndefined = undefined; 
var testUndefined1; 
var testNull = null; 
var testObject = {a:1}; 
var testFunction = function(){return;}; 
 
alert(testString);//"string" 
alert(testBoobean);//"boolean" 
alert(testUndefined);//"undefined" 
alert(testUndefined1);//"undefined" 
alert(testUndefined2);//"undefined" 
alert(testNull);//"object" 
alert(testObject);//"object" 
alert(testFunction);//"function"

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved