web前端之JavaScript必知的基礎(chǔ)知識

JavaScript一種直譯式腳本語言啄刹,是一種動態(tài)類型、弱類型凄贩、基于原型的語言誓军,內(nèi)置支持類型。

JS作用:表單驗證怎炊,減輕服務(wù)端的壓力谭企;添加頁面動畫效果廓译;動態(tài)更改頁面內(nèi)容评肆;Ajax網(wǎng)絡(luò)請求。

下面簡單介紹JS的基礎(chǔ)知識:

基礎(chǔ)知識

一非区、基本結(jié)構(gòu)


二瓜挽、使用JS的三種方式

 1、直接在HTML標簽中征绸,使用事件屬性久橙,調(diào)用JS代碼:


 2、在頁面的任意位置管怠,使用script標簽淆衷,插入JS代碼。


 3渤弛、引入外部JS文件:


 [**注意事項]**

 ∽U① JS代碼可以放在頁面的任意位置使用,但是放置的位置不同,將影響JS執(zhí)行的順序

 〖淹贰② 引入外部JS的script標簽中鹰贵,不能再包含任何的JS代碼。

三康嘉、JS中的變量

 1碉输、變量的聲明

? [JS中變量聲明的注意事項]

  ① JS中聲明變量的關(guān)鍵字只有一個var亭珍,變量的類型敷钾,取決于所賦的值;

   如果聲明后為賦值肄梨,則為Undefined類型闰非。

  ② JS中同一個變量峭范,可以在多次賦值中财松,被修改數(shù)據(jù)類型;

    var num1=1;

    num = "字符串";

 ∩纯亍③ 變量可以使用var聲明辆毡,也可以直接賦值聲明。(區(qū)別:使用var聲明的作用域為局部變量)

 √鸷Α④ 在JS中舶掖,一個變量可以多次使用var聲明,后面的聲明相當于直接賦值尔店,沒有任何作用眨攘;

  ⑤ JS變量區(qū)分大小寫嚣州,大寫和小寫不是一個變量鲫售;

 2、JS中的數(shù)據(jù)類型:

Undefined:使用var聲明该肴,但是沒有賦值的變量

  null:表示空的引用

  Boolean:真假

  Number:數(shù)值類型情竹,包括整型和浮點型

  Object:對象

 3、常用數(shù)值函數(shù)

isNaN:用于檢測是一個變量匀哄,是不是非數(shù)值(Not a Number)秦效;

   isNaN在檢測時,會先調(diào)用Number函數(shù)涎嚼,嘗試將變量轉(zhuǎn)為數(shù)值類型阱州,如果最終結(jié)果能夠轉(zhuǎn)化為數(shù)值,則不是NaN法梯。

Number函數(shù):用于將各種數(shù)據(jù)類型轉(zhuǎn)為數(shù)值類型

   >>>Undefined:無法轉(zhuǎn)換苔货,返回NaN;

   >>>null:轉(zhuǎn)為0;

   >>>Boolean:true轉(zhuǎn)為1蒲赂,false轉(zhuǎn)為0阱冶;

   >>>字符串:

        如果字符串是純數(shù)值字符串,可以轉(zhuǎn)換滥嘴,"123"-->123

        如果字符串包含非數(shù)值字符木蹬,不能轉(zhuǎn)換冠蒋,"123a"-->NaN

        如果是空字符串秋忙,轉(zhuǎn)為0魂拦,""-->0 " "-->0

parseInt():將字符串轉(zhuǎn)為數(shù)值類型

   如果是空字符串范舀,不能轉(zhuǎn)," "-->NaN

   如果是純數(shù)值類型字符串艺智,可以轉(zhuǎn)換锡溯,且小數(shù)點直接舍去习勤,不保留互广,"123"-->123 "123.9"-->123

   如果字符串包含非數(shù)值字符敛腌,則將非數(shù)值字符前面的整數(shù)進行轉(zhuǎn)換,"123a"-->123 "a123"-->NaN

parseFloat():轉(zhuǎn)換機制與java相同惫皱。

   不同的是:轉(zhuǎn)換數(shù)值字符串時像樊,如果字符串為小數(shù)則可以保留小數(shù)點,"123.5"-->123.5 "123"-->123

typeof():檢測一個變量的數(shù)據(jù)類型旅敷。

   字符串->String? 數(shù)值->number?? true/false->boolean

   未定義->undefined? 對象/null->object? 函數(shù)->function

四生棍、JS中常用的輸入輸出語句

1、alert():彈窗輸出

2媳谁、prompt():彈窗輸入

  接受兩部分參數(shù):① 輸入提示內(nèi)容涂滴;② 輸入框的默認文本。(兩部分都可以省略)

  輸入的內(nèi)容默認都是字符串晴音。

3柔纵、document.write("<h1>12345</h1> <h6>hahaha</h6>");

   在瀏覽器屏幕上面打印。

4段多、console.log("hahaha");

   瀏覽器控制臺打印首量。

五壮吩、JS中的運算符

1进苍、除號:無論符號兩邊是整數(shù)還是小數(shù),除完后都將按照實際結(jié)果保留小數(shù)鸭叙;

  例如:22/10 --> 2.2

 2觉啊、===:要求等號兩邊的數(shù)據(jù)、類型和值都必須相同沈贝。如果類型不同杠人,直接返回false

   ==:只判斷兩邊的數(shù)據(jù),值是否相等,并不關(guān)心等式兩邊是否是同一種數(shù)據(jù)類型

  ∥松啤辑莫!=:不等? !==:不全等

 3罩引、&各吨、| 只能進行按位運算,如果兩邊不是數(shù)值類型袁铐,將轉(zhuǎn)為數(shù)值類型再運算揭蜒;

  &&、|| 進行邏輯運算

 4剔桨、各級運算符的優(yōu)先級別表:

分支與循環(huán)

一屉更、if判斷

 1、JS中的真假判斷:

 ∪髯骸① Boolean類型:true為真瑰谜,false為假;

 ∈骷ā② 數(shù)值類型:0為假似舵,非0為真;

 〈邢俊③ 字符串類型:""為假砚哗,非空字符串為真;

 ∨檗取④ Null/Undefined/NaN:全為假蛛芥;

  ⑤ Object:全為真军援。

 2仅淑、if判斷:

二、循環(huán)

 1胸哥、switch

  switch結(jié)構(gòu)的()中可以放各種數(shù)據(jù)類型:

  比對時涯竟,采用? "==="? 進行判斷,要求數(shù)據(jù)類型完全相等


【JS中switch 與 Java中switch 的區(qū)別:】

 Java中switch不能判斷區(qū)間空厌,而JS中switch可以判斷區(qū)間


 2庐船、do-while

 3、for循環(huán)

 4嘲更、例:輸入一個數(shù)筐钟,判斷其是否是正整數(shù),如果不是正整數(shù)赋朦,提示輸入有誤篓冲,請重新輸入李破;如果是正整數(shù),反轉(zhuǎn)輸出這個數(shù)壹将。

最后:

“相信有很多想學前端的小伙伴嗤攻,今年年初我花了一個月整理了一份最適合2018年學習的web前端干貨,從最基礎(chǔ)的HTML+CSS+JS到移動端HTML5到各種框架都有整理诽俯,送給每一位前端小伙伴屯曹,53763,1707這里是小白聚集地惊畏,歡迎初學和進階中的小伙伴恶耽。”

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末颜启,一起剝皮案震驚了整個濱河市偷俭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缰盏,老刑警劉巖涌萤,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異口猜,居然都是意外死亡负溪,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門济炎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來川抡,“玉大人,你說我怎么就攤上這事须尚⊙碌蹋” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵耐床,是天一觀的道長密幔。 經(jīng)常有香客問我,道長撩轰,這世上最難降的妖魔是什么胯甩? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮堪嫂,結(jié)果婚禮上偎箫,老公的妹妹穿的比我還像新娘。我一直安慰自己溉苛,他們只是感情好镜廉,可當我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著愚战,像睡著了一般娇唯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上寂玲,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天塔插,我揣著相機與錄音,去河邊找鬼拓哟。 笑死想许,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的断序。 我是一名探鬼主播流纹,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼违诗!你這毒婦竟也來了漱凝?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤诸迟,失蹤者是張志新(化名)和其女友劉穎茸炒,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阵苇,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡壁公,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了绅项。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片紊册。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖快耿,靈堂內(nèi)的尸體忽然破棺而出湿硝,到底是詐尸還是另有隱情,我是刑警寧澤润努,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布关斜,位于F島的核電站,受9級特大地震影響铺浇,放射性物質(zhì)發(fā)生泄漏痢畜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一鳍侣、第九天 我趴在偏房一處隱蔽的房頂上張望丁稀。 院中可真熱鬧,春花似錦倚聚、人聲如沸线衫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽授账。三九已至枯跑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間白热,已是汗流浹背敛助。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留屋确,地道東北人纳击。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像攻臀,于是被迫代替她去往敵國和親焕数。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,914評論 2 355

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