Web前端------JS之基本語(yǔ)法(一)

JS的五種輸出方法
  1. alert():界面彈出對(duì)話框,只有確定一個(gè)按鈕


    alert.png
  2. confirm():界面彈出對(duì)話框,有確定、取消兩個(gè)按鈕


    confirm.png
  3. console.log():瀏覽器控制臺(tái)輸出信息


    console.png
  4. prompt(“提示信息”):以對(duì)話框的方式,獲取用戶(hù)輸入的信息


    prompt.png
  5. document.write():在網(wǎng)頁(yè)上顯示信息內(nèi)容,可以輸出HTML格式的信息,當(dāng)然也可以不帶有HTML格式。


    寫(xiě)法.png

    界面顯示.png
變量

通過(guò)var關(guān)鍵字來(lái)定義,不區(qū)分類(lèi)型,但是嚴(yán)格區(qū)分大小寫(xiě)。命名規(guī)范與一般程序的命名規(guī)范一致。
分為顯示命名和隱式命名兩種方式

  • 顯示命名,通過(guò)var關(guān)鍵字來(lái)進(jìn)行聲明,例如:
    var sum=1;
    for(var n in sum);
  • 隱式命名:使用即命名,不通過(guò)var聲明,而是直接使用,例如:
    aVar=100; /*檔avar未被聲明時(shí),一下語(yǔ)句將隱式的聲明該變量*/
基本數(shù)據(jù)類(lèi)型
* undefined:未定義:未聲明的變量,或者聲明過(guò)但未賦值的變量的值,會(huì)是undefined。也可以顯式或者隱式地給一個(gè)變量賦值為undefined.
* number:數(shù)值類(lèi)型
* string:字符串,不能直接讀取或者修改字符串中的單一字符,用單引號(hào)或者雙引號(hào)進(jìn)行表示
* boolean:布爾類(lèi)型,true/false
* function:函數(shù),引用類(lèi)型
* object:對(duì)象,引用類(lèi)型。但是在js中多態(tài)
* null:空值,表示將變量或者對(duì)象銷(xiāo)毀,C語(yǔ)言中的空指針。

typeof關(guān)鍵字可以用來(lái)獲取變量或者常量的數(shù)據(jù)類(lèi)型,有三種方式使用;typeof str 或者typeof (str) 或者typeof “abc”

注意:在運(yùn)算過(guò)程中會(huì)出現(xiàn)NAN,數(shù)字跟字符串相減的過(guò)程中,NAN:not a number,但是NAN是數(shù)字類(lèi)型。
Infinity:數(shù)字除以0得到Infinity,表示無(wú)限大。

Date對(duì)象和Math方法

基本使用:區(qū)分大小寫(xiě),Date():

<script type="text/javascript">
    var mydate=new Date();
    alert(mydate);
</script>

輸出結(jié)果:


date.png

常用方法:

  • getDay():返回當(dāng)前周幾
  • getMonth():返回當(dāng)前月份
  • getFullYear():返回當(dāng)前年份
  • getHours():放回當(dāng)前小時(shí)
  • getMinutes():返回當(dāng)前分鐘
  • getSeconds();返回當(dāng)前秒

Math對(duì)象的基本使用:

Math.ceil();

常見(jiàn)方法:

  • ceil():天花板函數(shù),向上舍入
  • random():隨機(jī)函數(shù),返回0-1之間的小數(shù)。
  • floor():地板函數(shù),向下舍入
  • max():取兩個(gè)數(shù)的最大值
  • min():取兩個(gè)數(shù)的最小值
  • pow(x,y):返回學(xué)x的y次方
  • round(x):返回x的四舍五入
數(shù)據(jù)類(lèi)型轉(zhuǎn)換
  1. 數(shù)字類(lèi)型轉(zhuǎn)字符串
  • String()

    var n1=String("123");
    
  • 變量.toString()

    var n2=n1.toString();
    

2.字符串轉(zhuǎn)數(shù)字類(lèi)型

  • Number()

    var n2=Number("123");
    

    ★數(shù)字類(lèi)型的字符串,轉(zhuǎn)換之后得到的數(shù)字。
    ★非數(shù)字字符串,轉(zhuǎn)換之后得到是NaN。
    ★小數(shù)類(lèi)型的字符串,轉(zhuǎn)換之后得到的是原數(shù)字。

  • parseInt()

    var n2=parseInt("123");
    

    ★整數(shù)數(shù)字類(lèi)型的字符串,轉(zhuǎn)換之后得到的整數(shù)數(shù)字。
    ★數(shù)字開(kāi)頭的字符串,轉(zhuǎn)換之后得到的是前邊的數(shù)字。
    ★非數(shù)字開(kāi)頭的字符串,轉(zhuǎn)換之后得到的是NaN。
    ★小數(shù)類(lèi)型的字符串,轉(zhuǎn)換之后取整。

  • parseFloat()

    var n2=parseFloat("1.23");
    

    ★整數(shù)數(shù)字類(lèi)型的字符串,轉(zhuǎn)換之后得到的整數(shù)數(shù)字。
    ★數(shù)字開(kāi)頭的字符串,轉(zhuǎn)換之后得到的是前邊的數(shù)字。
    ★非數(shù)字開(kāi)頭的字符串,轉(zhuǎn)換之后得到的是NaN。
    ★小數(shù)類(lèi)型的字符串,轉(zhuǎn)換之后得到的是原數(shù)字。
    3.轉(zhuǎn)布爾類(lèi)型

  • Boolean()

    var n2=Boolean(n1);
    

    ★數(shù)字和字符串轉(zhuǎn)完之后為true。
    ★undefined、null、0轉(zhuǎn)完之后為false.
    4.運(yùn)算過(guò)程中的數(shù)據(jù)類(lèi)型轉(zhuǎn)換

    在運(yùn)算過(guò)程中,程序自己進(jìn)行的數(shù)據(jù)轉(zhuǎn)換(程序員沒(méi)有操作)
    一般最終類(lèi)型有第一個(gè)運(yùn)算類(lèi)型所決定。
    
運(yùn)算符

1.邏輯運(yùn)算符

  • 邏輯運(yùn)算只有2個(gè)結(jié)果,一個(gè)為true,一個(gè)為false.
  • ◆且&&
  • ★兩個(gè)表達(dá)式為true的時(shí)候,結(jié)果為true.
  • ◆或||
  • ★只要有一個(gè)表達(dá)式為true,結(jié)果為true.
  • ◆非!
  • ★和表達(dá)式相反的結(jié)果。

2.等號(hào)運(yùn)算符

  • “=”賦值運(yùn)算符
  • “==”只判斷內(nèi)容是否相同,不判斷數(shù)據(jù)類(lèi)型。
  • “===”不僅判斷內(nèi)容,還判斷數(shù)據(jù)類(lèi)型是否相同。
  • != 只判斷內(nèi)容是否不相同,不判斷數(shù)據(jù)類(lèi)型。
  • !==不全等于 不僅判斷內(nèi)容是否不相同,還判斷數(shù)據(jù)類(lèi)型是否不相同。

歡迎關(guān)注我的個(gè)人微信公眾號(hào),免費(fèi)送計(jì)算機(jī)各種最新視頻資源!你想象不到的精彩!


0.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容