做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

初識(shí)變量和數(shù)據(jù)類型

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

JavaScript第2天

輸入輸出語句

輸出語句

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

效果:

在這里插入圖片描述

在這里插入圖片描述

輸入語句

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

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) //將變量的值直接彈出來 
        
  • 1
  • 2

效果如下:

在這里插入圖片描述

在這里插入圖片描述

變量命名

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

舉例:

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

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

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

比如:

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

數(shù)據(jù)類型

  • 常見的基本數(shù)據(jù)類型有
    數(shù)值類型 => number
    字符串類型 => string
    布爾類型 => boolean
    null => object(null)
    undefined => undefined
  • 我們可以使用一個(gè)叫做typeof這個(gè)一個(gè)詞來檢測數(shù)據(jù)類型
    • 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類型的true   代表數(shù)值類型的一切非0的值 //     boolean類型的false  代表數(shù)值類型的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)制類型的轉(zhuǎn)換

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

強(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)過來的是 true=>1 false=>0
    null => 可以轉(zhuǎn),=> 0
    undefined => 不可以轉(zhuǎn),=> NaN
    “123” => 可以轉(zhuǎn),=> 123
    “123a” => 不可以,不認(rèn)是a NaN

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

  • String
    不管什么類型使用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)的兩邊都沒有字符串,那么就會(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

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

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



    來源:csdn



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

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



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



藍(lán)藍(lán)設(shè)計(jì)m.91whvog3.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)人資料

存檔