1、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的注釋

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

//var = 1

/* var = 1 

    var = 2*/

 

（二）聲明變量及賦值

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>