JS基礎(chǔ)-1

點(diǎn)擊獲取課程視頻及實(shí)例資料

JS注釋

  • 單行注釋:在注釋內(nèi)容前加上//
// 注釋內(nèi)容
  • 多行注釋:與CSS相似使用/**/包裹
/*
注釋內(nèi)容
注釋內(nèi)容
注釋內(nèi)容
*/

JavaScript學(xué)習(xí)要求
1.必須明白每一條語句的作用。
2.必須每條語句加上注釋。
3.必須按照流程寫代碼。

常量--不變的量

  • 數(shù)字常量--與數(shù)學(xué)表示方式完全一致
1
2.3
-3
  • 文字常量(字符串)
    使用英文雙引號(hào)包起來。
"abcd"
"1"
"漢字"

如果在字符串中使用英文雙引號(hào),在英文雙引號(hào)前加上斜線\,其中\"是英文雙引號(hào)的轉(zhuǎn)移字符。例如:

"JavaScript是一門\“非常重要\”的語言"

三個(gè)對(duì)話框

  • 警告框函數(shù)alert(參數(shù));
    作用:彈出警告框,把參數(shù)內(nèi)容顯示在警告框上。
alert("你好");
  • 確認(rèn)框函數(shù)confirm(參數(shù));
    作用:確認(rèn)警告框,把參數(shù)內(nèi)容顯示在確認(rèn)框上。
confirm("你是學(xué)生嗎?");
  • 提示框函數(shù)prompt(參數(shù));
    作用:彈出提示框,把參數(shù)內(nèi)容顯示在提示框上。
prompt("請(qǐng)輸入姓名:");

三個(gè)對(duì)話框的區(qū)別

對(duì)話框 特點(diǎn)
警告框alert 只有一個(gè)確認(rèn)按鈕
確認(rèn)框confirm 有一個(gè)確認(rèn)和取消按鈕
提示框prompt 有一個(gè)確認(rèn)和取消按鈕,以及一個(gè)輸入框

每個(gè)瀏覽器顯示對(duì)話框的方式是不一致的。

變量 -- 變化的量

|概念|作用|語法|例子|
|:-|:-|:-|
|聲明|新建一個(gè)變量,并且給這個(gè)變量起名字。|var 變量名;|var val;|
|賦值|給變量一個(gè)值|變量名 = 值;|val="test";|
|定義|聲明并賦值|var 變量名 = 值;|var val="test".|

聲明的注意事項(xiàng)

  1. var與變量名之間必須有一個(gè)空格。
  2. 在聲明后面要有一個(gè)英文分號(hào)。

賦值的注意事項(xiàng)

  1. 值可以是常量,也可以是變量中的值。
  2. 如果變量沒有賦值,里面是undefined,意思是里面沒有值。
  3. 在賦值后面要有一個(gè)英文分號(hào)。

定義的注意事項(xiàng)

  1. var與變量名之間必須有一個(gè)空格。
  2. 在定義后面要有一個(gè)英文分號(hào)。

變量名規(guī)則

  1. 英文數(shù)字下劃線(不能是中劃線,也不能是漢字)。
  2. 數(shù)字不能開頭。
  3. 變量名不能重復(fù)。
  4. 變量名不能是關(guān)鍵字。例如var undefined
  5. 變量名不能是函數(shù)名。例如alert confirm prompt

多個(gè)變量同時(shí)定義

var test1 = 1,
      test2 = 2,
      test3 = 3;

注意:

  1. 只在開頭使用一個(gè)var關(guān)鍵字
  2. 最后一個(gè)變量定義的結(jié)尾使用分號(hào),其他的使用逗號(hào)。

運(yùn)算式

運(yùn)算式 運(yùn)算數(shù)個(gè)數(shù) 運(yùn)算數(shù)類型 運(yùn)算符 結(jié)果類型
算術(shù)運(yùn)算 2個(gè) 數(shù)字 +(加) -(減) *(乘) /(除) %(取余) 數(shù)字
關(guān)系運(yùn)算 2個(gè) 數(shù)字 ==(等于) >(大于) <(小于) !=(不等于) >=(大于等于) <=(小于等于) 布爾
邏輯運(yùn)算

優(yōu)先級(jí)

  1. 算術(shù)運(yùn)算優(yōu)先級(jí)與數(shù)學(xué)中的優(yōu)先級(jí)一樣,乘除高于加減。
  2. 算數(shù)優(yōu)先于關(guān)系運(yùn)算。
  3. 可以使用()改變優(yōu)先級(jí)。

字符串中的加號(hào)

字符串中的加號(hào)可以連接前后兩個(gè)字符串。
注意:

  • 當(dāng)運(yùn)算符兩邊的運(yùn)算數(shù),有一個(gè)是字符串的時(shí)候,做連接操作,當(dāng)都是數(shù)字的時(shí)候,做加法操作。
1+"2" // 結(jié)果"12"
"5"+6 // 結(jié)果"56"
3+6 // 結(jié)果9
  • 加號(hào)運(yùn)算順序是從左到右的。(無論加法還是連接)
2+3+"6" // 結(jié)果 56
2+"4"+5 // 結(jié)果"245"

賦值與運(yùn)算的優(yōu)先級(jí):先運(yùn)算后賦值

變量定義或者賦值的等號(hào)右邊可以是運(yùn)算式,運(yùn)算式的值,就是變量的值。

var a = 1+3;
var b = a+6;
var c = b>=7;

小知識(shí)

  • prompt有個(gè)返回值,當(dāng)單擊確定按鈕后,返回值可以給變量。如果單擊取消,返回一個(gè)nullnull 是一個(gè)關(guān)鍵字表示無沒有。

  • 轉(zhuǎn)移字符\r\n表示回車換行。

最佳實(shí)踐
何時(shí)使用數(shù)字,何時(shí)使用字符串?如果需要參與數(shù)學(xué)運(yùn)算就需要數(shù)字,反之,可以使用字符串。


作業(yè)

使用對(duì)話框完成如下功能:

  1. 彈出警告框,顯示【你好,我是XXX】
  2. 彈出提示框,顯示【請(qǐng)輸入你的名字?】
  3. 彈出確認(rèn)框,顯示【你的名字是XXX?】
  4. 彈出提示框,顯示【請(qǐng)輸入你的年齡?】
  5. 彈出確認(rèn)框,顯示【你的年齡是XXX?】
  6. 彈出提示框,顯示【請(qǐng)輸入你的住址?】
  7. 彈出確認(rèn)框,顯示【你的住址是XXX?】
  8. 彈出提示框,顯示【請(qǐng)輸入你的電話?】
  9. 彈出確認(rèn)框,顯示【你的電話是XXX?】
  10. 彈出警告框,顯示【你好,XXX,你的年齡XX 住址XXX 電話XXX】

點(diǎn)擊獲取課程視頻及實(shí)例資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • js的歷史 在上個(gè)世紀(jì)的1995年,當(dāng)時(shí)的網(wǎng)景公司正憑借其Navigator瀏覽器成為Web時(shí)代開啟時(shí)最著名的第一...
    LaBaby_閱讀 286評(píng)論 0 2
  • js介紹 js全稱是javascript,是一種面向?qū)ο蟮模录?qū)動(dòng)的,松散型,解釋性語言。 js的作用 1、驗(yàn)證...
    愿長(zhǎng)睡不醒閱讀 204評(píng)論 0 0
  • 近期開始接觸學(xué)習(xí)extjs框架。該框架是基于JavaScript的。為了更好地理解學(xué)習(xí)extjs,必然需要先對(duì)Ja...
    六尺帳篷閱讀 820評(píng)論 2 12
  • 在方所買了一本《如何看一幅畫》。 今天隨手翻了開頭,書非常不錯(cuò),盡量繞開美術(shù)專業(yè)理論和術(shù)語,告訴你如何憑借自己的直...
    芷菱閱讀 390評(píng)論 0 0
  • 我寫這篇文章不是想諷刺誰,埋怨誰不好,而是覺得有些幸福,對(duì)比之后,才覺得需要珍惜。 來到讀研的新學(xué)校已經(jīng)快一學(xué)期,...
    Megan頎閱讀 631評(píng)論 0 1