JavaScript資料型別及輸出

karspb發表於2021-09-09

一、js基本語法

1、js書寫

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

 

2、 js的註釋

圖片描述

// -->單行註釋/*   */ -->多行註釋,不要巢狀多行註釋//var = 1/* var = 1 

    var = 2*/

圖片描述

 

(二)宣告變數及賦值

1.宣告變數,透過關鍵字var

1 例:var cup;

2.給變數賦值,透過=,將右邊的值賦給左邊的變數

例:cup = "orange";

3. 同時宣告變數及賦值

例: var fruit = "lemon";

4. 同時宣告多個變數,用逗號隔開

1  例:var a,b,c;2     a = 10;3     b = 20;4     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()

圖片描述

1 (3.1)typeof(123); //"number"2 (3.2)typeof(NaN); //"number"3 (3.3)typeof(""); //"string"4 (3.4)typeof("AFDF"); //"string"5 (3.5)typeof(true); //"boolean"6 (3.6)typeof(false); //"boolean"7 (3.7)typeof(null); //"object" !!!8 (3.8)typeof(undefined);//"undefined"9 (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>

作者:

原文出處:https://www.cnblogs.com/wulongke/p/10492675.html  

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2001/viewspace-2822067/,如需轉載,請註明出處,否則將追究法律責任。

相關文章