天天看點

JavaScript資料類型及輸出

一、js基本文法

1、js書寫

(1)script[src 引入js檔案的路徑][type="text/javascript" 檔案類型,可省略]
      * 在擁有src屬性的script标簽寫js代碼,無效
      * head>script,body>script
(2)a[href="javascript:js代碼;"]      

2、 js注釋

// 單行注釋
/* 多行注釋,不要嵌套多行注釋*/      

(二)聲明變量及指派

1.聲明變量,通過關鍵字var

例:var cup;      

2.給變量指派,通過=,将右邊的值賦給左邊的變量

例:cup = "orange";      

3. 同時聲明變量及指派

例: var fruit = "lemon";      

4. 同時聲明多個變量,用逗号隔開

例:var a,b,c;
    a = 10;
    b = 20;
    c = 30;      

5.變量名的命名規則

(1) 不能以數字開頭,包含字母、數字、_、$ 
(2)不能使用關鍵字
(3) 嚴格區分大小寫 
    *命名建議:
        (1) 見名知意
        (2) 駝峰命名 myUserName      

(三)資料類型(值)

1、基本資料類型

(1) 數字類型number
(1.1) 普通數字
(1.2) NaN:代表非數字
    * 與任何數進行運算都得到NaN
    * 不等于任何數,甚至不等于自己
    * isNaN() 判斷是不是非數字,是數字就傳回false,其他值都傳回true      
(2)字元串類型 string
(2.1) 有引号的值都是字元串類型
(2.2)字元串内還有别的在引号('',"")
    * 将外層引号替換成另外一種
    * 通過轉義字元\
(2.3)字元串中間拼接變量:引号引号(最外層),加号加号,變量("+a+")      
(3)布爾類型 boolean
(3.1) 隻有兩個值:true 、false      

2、特殊資料類型

(1)null 空對象
*、隻有唯一的值null
*、注意代碼的執行順序。      
(2)undefined 代表的是聲明變量未指派
*、隻有唯一的值undefined
*、注意區分報錯資訊: ** is not defined。代表變量未聲明。      

3、 判斷資料類型 typeof()

(3.1)typeof(123); //"number"
(3.2)typeof(NaN); //"number"
(3.3)typeof(""); //"string"
(3.4)typeof("AFDF"); //"string"
(3.5)typeof(true); //"boolean"
(3.6)typeof(false); //"boolean"
(3.7)typeof(null); //"object" !!!
(3.8)typeof(undefined);//"undefined"
(3.9)typeof(typeof(123));//"string"      

(四)資料類型的轉換

1、直接轉換

(1)Number() 轉換成數字類型
*、字元串->數字: 空字元串轉成數字為0.若可以轉換成數字,傳回值就是數字。若不能轉成數字就是NaN。
* 布爾值->數字: true->1,false->0      
(2)String() 轉換成字元串類型
* 直接加引号      
(3)Boolean() 轉換成布爾類型
* 除了0、NaN、""、null、undefined轉成false,其他都轉成true。      

2、隐式轉換

(1)若運算無法進行下去的時候,會嘗試将資料類型進行隐式轉換後,再運算。
(2)若隐式轉換後依舊無法運算,會傳回NaN      

(五)輸出

1. alert()

(具體的值||變量(不要加引号)) 彈窗      

2. document.write()

*、(具體的值||變量(不加引号)) 
*、往body裡面追加内容      

3. console.log()

*、(具體的值||變量(不要加引号))  列印到控制台console,一般用于代碼調試      

4. ID名稱.innerHTML = "内容或标簽"

(4.1)給**元素添加内容,内容可以包括标簽。
例:<div id=a></div>
     a.innerHTML = '<span style="color:red;">'+_num'+是一個偶素</span>