JavaScript第2天

輸入輸出語句

輸出語句

• alert(變量) => 彈出
• document.write(變量) => 輸出在頁面上面
• console.log(變量) => 打印在控制臺上

/* JS的輸出語句 */ alert("彈出") document.write("直接在寫頁面上面") console.log("打印在控制臺上面") 
        


            

                1
            

            

                2
            

            

                3
            

            

                4
            

        

效果:

輸入語句

• confirm 得到是就是兩個按鈕一個確定,一個取消
  點擊確定得到的值是 true => 真
  點擊取消得到的值是 false => 假
• prompt 就是讓我們在頁面上面輸入一句話
  得到的結果就是那句話,我們可以將輸入的這一句話當做一個變量存儲起來可以輸出

confirm:

var msg1 = confirm("你好!") //我可以將我們點擊確定和取消的結果當做變量的值 console.log(msg1); //當我們點擊確定時候得到值是一個true,當我們點擊取消的時候得到的結果是false 
        


            

                1
            

            

                2
            

        

效果如下:

prompt:

var msg = prompt("你可以在這上面輸入一句話") //我們可以把這一句話當中一個變量值,賦值給一個變量  alert(msg) //將變量的值直接彈出來 
        


            

                1
            

            

                2
            

        

效果如下:

變量命名

1. 變量的聲明 var
2. 變量的名字
3. 變量的值

• 變量的命名規定

1. 變量的命名要使用數字,字母,下劃線,$組成
2. 變量的命名不能使用數字開頭
3. 變量的命名不能使用關鍵字

舉例:

var a = 10; //合法 var name = "張颯" //合法 var var = "李四" //不合法,不能使用關鍵字 var 1name = "王八" //不合法,不能以數字開頭 var alert = "老劉" //合法 var name% = "美麗姐" //不合法,變量的命名要以數字,字母,下劃線,$組成 
        


            

                1
            

            

                2
            

            

                3
            

            

                4
            

            

                5
            

            

                6
            

        

注意:常見的關鍵字,有var ,break, for ,if …

• 變量的命名規范
  規定:必須的按照我的來,不按照我的來,那么我就報錯
  規范:可以不用按照我的來,但是建議按照我的來
• 駝峰命名法
  • 大駝峰
    多個單詞組成的時候,每一個單詞的首字母都大寫
  • 小駝峰
    多個單詞組成的時候,第一個單詞的首字母小寫,后面的每一個單詞的首字母大寫
    我們JS推薦的就是小駝峰

比如:

var userName = "張三" //遵守了小駝峰的命名規范 
        


            

                1
            

        

數據類型

• 常見的基本數據類型有
  數值類型 => number
  字符串類型 => string
  布爾類型 => boolean
  null => object(null)
  undefined => undefined
• 我們可以使用一個叫做typeof這個一個詞來檢測數據類型
  • typeof的用法
    1. typeof 變量
    2. typeof (變量) typeof (a+b)

isNaN => is not a number

比如:

console.log(isNaN("張三")) //true console.log(isNaN(10)) //false 
        


            

                1
            

            

                2
            

        

isNaN => is not a number判斷一個值不是一個數字

比如:

// 因為他判斷是不是數字 //     如果是一個數字,那結果直接是false //     如果不是一個數字,那么他會判斷這個值能不能轉換成數值,如果可以,那么結果是false,如果不可以,那么結果是true // boolean與number其實就是相通的 //     boolean類型的true   代表數值類型的一切非0的值 //     boolean類型的false  代表數值類型的0 console.log(isNaN("123"));//false console.log(isNaN("123a"));//true console.log(isNaN(11));//false console.log(isNaN(true));//false 
        


            

                1
            

            

                2
            

            

                3
            

            

                4
            

            

                5
            

            

                6
            

            

                7
            

            

                8
            

            

                9
            

            

                10
            

        

強制類型的轉換

轉換成一個數值類型

強制轉換

• parseInt => 轉換成一個整數 int(整數)
• parseFloat => 可以轉換成一個小數

1. parseInt先看第一位的值,能不能轉,如果可以轉,那么就轉,如果不能轉,那么就NaN

2. parseInt再看第二位的值,能不能轉,如果可以,那么轉,如果不能轉,那就停止了

3. parseFloat 他比parseInt 多認識了一個小數點 .
   console.log(parseInt(“12a2”))

自動轉換

• Number => 可以轉換成數字
  boolean => 可以轉,轉過來的是 true=>1 false=>0
  null => 可以轉,=> 0
  undefined => 不可以轉,=> NaN
  “123” => 可以轉,=> 123
  “123a” => 不可以,不認是a NaN

將其他類型轉換成字符串

• String
  不管什么類型使用String都可以轉換成字符串
  var res = String(變量)
  相當將這個變量的值外面添加一對引號
  -toString()
  相當將這個變量的值外面添加一對引號,但是null和undefined不能使用
• +
  但凡+號的兩邊有一邊是字符串,那么結果就是拼接,拼接得到的結果還是一個字符串
  如果+號的兩邊都沒有字符串,那么就會相加

var a = 10; var a1 = String(a) console.log(a1, typeof a1); var b1 = a.toString() console.log(b1, typeof b1); console.log(a + "~~", typeof (a + "")); 
        


            

                1
            

            

                2
            

            

                3
            

            

                4
            

            

                5
            

            

                6
            

        

將其他類型轉換成boolean

• Boolean有四個是false分別是:
  1. 字符串 ""
  2. null
  3. undefined
  4. 數字 0