<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 初識(shí)變量和數(shù)據(jù)類(lèi)型

          2023-1-6    前端達(dá)人

          JavaScript第2天

          輸入輸出語(yǔ)句

          輸出語(yǔ)句

          • alert(變量) => 彈出
          • document.write(變量) => 輸出在頁(yè)面上面
          • console.log(變量) => 打印在控制臺(tái)上
          /* JS的輸出語(yǔ)句 */ alert("彈出") document.write("直接在寫(xiě)頁(yè)面上面") console.log("打印在控制臺(tái)上面") 
                  
          • 1
          • 2
          • 3
          • 4

          效果:

          在這里插入圖片描述

          在這里插入圖片描述

          輸入語(yǔ)句

          • confirm 得到是就是兩個(gè)按鈕一個(gè)確定,一個(gè)取消
            點(diǎn)擊確定得到的值是 true => 真
            點(diǎn)擊取消得到的值是 false => 假
          • prompt 就是讓我們?cè)陧?yè)面上面輸入一句話
            得到的結(jié)果就是那句話,我們可以將輸入的這一句話當(dāng)做一個(gè)變量存儲(chǔ)起來(lái)可以輸出

          confirm:

          var msg1 = confirm("你好!") //我可以將我們點(diǎn)擊確定和取消的結(jié)果當(dāng)做變量的值 console.log(msg1); //當(dāng)我們點(diǎn)擊確定時(shí)候得到值是一個(gè)true,當(dāng)我們點(diǎn)擊取消的時(shí)候得到的結(jié)果是false 
                  
          • 1
          • 2

          效果如下:
          在這里插入圖片描述
          在這里插入圖片描述

          prompt:

          var msg = prompt("你可以在這上面輸入一句話") //我們可以把這一句話當(dāng)中一個(gè)變量值,賦值給一個(gè)變量  alert(msg) //將變量的值直接彈出來(lái) 
                  
          • 1
          • 2

          效果如下:

          在這里插入圖片描述

          在這里插入圖片描述

          變量命名

          1. 變量的聲明 var
          2. 變量的名字
          3. 變量的值
          • 變量的命名規(guī)定
          1. 變量的命名要使用數(shù)字,字母,下劃線,$組成
          2. 變量的命名不能使用數(shù)字開(kāi)頭
          3. 變量的命名不能使用關(guān)鍵字

          舉例:

          var a = 10; //合法 var name = "張颯" //合法 var var = "李四" //不合法,不能使用關(guān)鍵字 var 1name = "王八" //不合法,不能以數(shù)字開(kāi)頭 var alert = "老劉" //合法 var name% = "美麗姐" //不合法,變量的命名要以數(shù)字,字母,下劃線,$組成 
                  
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6

          注意:常見(jiàn)的關(guān)鍵字,有var ,break, for ,if …

          • 變量的命名規(guī)范
            規(guī)定:必須的按照我的來(lái),不按照我的來(lái),那么我就報(bào)錯(cuò)
            規(guī)范:可以不用按照我的來(lái),但是建議按照我的來(lái)
          • 駝峰命名法
            • 大駝峰
              多個(gè)單詞組成的時(shí)候,每一個(gè)單詞的首字母都大寫(xiě)
            • 小駝峰
              多個(gè)單詞組成的時(shí)候,第一個(gè)單詞的首字母小寫(xiě),后面的每一個(gè)單詞的首字母大寫(xiě)
              我們JS推薦的就是小駝峰

          比如:

          var userName = "張三" //遵守了小駝峰的命名規(guī)范 
                  
          • 1

          數(shù)據(jù)類(lèi)型

          • 常見(jiàn)的基本數(shù)據(jù)類(lèi)型有
            數(shù)值類(lèi)型 => number
            字符串類(lèi)型 => string
            布爾類(lèi)型 => boolean
            null => object(null)
            undefined => undefined
          • 我們可以使用一個(gè)叫做typeof這個(gè)一個(gè)詞來(lái)檢測(cè)數(shù)據(jù)類(lèi)型
            • 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判斷一個(gè)值不是一個(gè)數(shù)字

          比如:

          // 因?yàn)樗袛嗍遣皇菙?shù)字 //     如果是一個(gè)數(shù)字,那結(jié)果直接是false //     如果不是一個(gè)數(shù)字,那么他會(huì)判斷這個(gè)值能不能轉(zhuǎn)換成數(shù)值,如果可以,那么結(jié)果是false,如果不可以,那么結(jié)果是true // boolean與number其實(shí)就是相通的 //     boolean類(lèi)型的true   代表數(shù)值類(lèi)型的一切非0的值 //     boolean類(lèi)型的false  代表數(shù)值類(lèi)型的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

          強(qiáng)制類(lèi)型的轉(zhuǎn)換

          轉(zhuǎn)換成一個(gè)數(shù)值類(lèi)型

          強(qiáng)制轉(zhuǎn)換

          • parseInt => 轉(zhuǎn)換成一個(gè)整數(shù) int(整數(shù))
          • parseFloat => 可以轉(zhuǎn)換成一個(gè)小數(shù)
          1. parseInt先看第一位的值,能不能轉(zhuǎn),如果可以轉(zhuǎn),那么就轉(zhuǎn),如果不能轉(zhuǎn),那么就NaN

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

          3. parseFloat 他比parseInt 多認(rèn)識(shí)了一個(gè)小數(shù)點(diǎn) .
            console.log(parseInt(“12a2”))

          自動(dòng)轉(zhuǎn)換

          • Number => 可以轉(zhuǎn)換成數(shù)字
            boolean => 可以轉(zhuǎn),轉(zhuǎn)過(guò)來(lái)的是 true=>1 false=>0
            null => 可以轉(zhuǎn),=> 0
            undefined => 不可以轉(zhuǎn),=> NaN
            “123” => 可以轉(zhuǎn),=> 123
            “123a” => 不可以,不認(rèn)是a NaN

          將其他類(lèi)型轉(zhuǎn)換成字符串

          • String
            不管什么類(lèi)型使用String都可以轉(zhuǎn)換成字符串
            var res = String(變量)
            相當(dāng)將這個(gè)變量的值外面添加一對(duì)引號(hào)
            -toString()
            相當(dāng)將這個(gè)變量的值外面添加一對(duì)引號(hào),但是null和undefined不能使用
          • +
            但凡+號(hào)的兩邊有一邊是字符串,那么結(jié)果就是拼接,拼接得到的結(jié)果還是一個(gè)字符串
            如果+號(hào)的兩邊都沒(méi)有字符串,那么就會(huì)相加
          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

          將其他類(lèi)型轉(zhuǎn)換成boolean

          • Boolean有四個(gè)是false分別是:
            1. 字符串 ""
            2. null
            3. undefined
            4. 數(shù)字 0



              來(lái)源:csdn



          藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



          藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久九九久精品国产| 久久精品国产亚洲77777| 精品久久久久久无码中文字幕| 久久精品9988| 午夜精品久久久久久影视riav| A级毛片无码久久精品免费| 欧洲精品久久久av无码电影| 国产99久久久国产精品~~牛| 久久婷婷色综合一区二区| 男女久久久国产一区二区三区| 国产精品无码久久久久| 国产成人精品综合久久久久| 久久综合久久综合久久| 综合久久国产九一剧情麻豆| 国产激情久久久久影院老熟女免费| 久久精品国产99国产精品导航| 2021久久精品国产99国产精品 | 2021国内久久精品| 久久精品中文无码资源站| 天天做夜夜做久久做狠狠| 99久久婷婷国产综合亚洲| 色狠狠久久综合网| 久久成人精品| 青青热久久综合网伊人| 久久久久99精品成人片试看 | 国产午夜精品理论片久久| 色综合久久无码五十路人妻| 久久婷婷色香五月综合激情| 丰满少妇人妻久久久久久4| 国产成人精品久久一区二区三区| 久久国产亚洲精品| 久久只有这里有精品4| 欧美久久久久久精选9999| 久久精品九九亚洲精品天堂| 国产精品美女久久久| 国产一级做a爰片久久毛片| 波多野结衣中文字幕久久| 国产69精品久久久久777| 久久免费精品一区二区| 91久久九九无码成人网站| 国产 亚洲 欧美 另类 久久|