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

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

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

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

基礎(chǔ)知識

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


二、使用JS的三種方式

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


 2、在頁面的任意位置,使用script標(biāo)簽,插入JS代碼。


 3、引入外部JS文件:


 [**注意事項(xiàng)]**

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

  ② 引入外部JS的script標(biāo)簽中,不能再包含任何的JS代碼。

三、JS中的變量

 1、變量的聲明

? [JS中變量聲明的注意事項(xiàng)]

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

   如果聲明后為賦值,則為Undefined類型。

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

    var num1=1;

    num = "字符串";

 ?、?變量可以使用var聲明,也可以直接賦值聲明。(區(qū)別:使用var聲明的作用域?yàn)榫植孔兞浚?/p>

 ?、?在JS中,一個變量可以多次使用var聲明,后面的聲明相當(dāng)于直接賦值,沒有任何作用;

 ?、?JS變量區(qū)分大小寫,大寫和小寫不是一個變量;

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

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

  null:表示空的引用

  Boolean:真假

  Number:數(shù)值類型,包括整型和浮點(diǎn)型

  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ù)點(diǎn)直接舍去,不保留,"123"-->123 "123.9"-->123

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

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

   不同的是:轉(zhuǎn)換數(shù)值字符串時,如果字符串為小數(shù)則可以保留小數(shù)點(diǎn),"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)容;② 輸入框的默認(rèn)文本。(兩部分都可以省略)

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

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

   在瀏覽器屏幕上面打印。

4、console.log("hahaha");

   瀏覽器控制臺打印。

五、JS中的運(yùn)算符

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

  例如:22/10 --> 2.2

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

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

  ?。?:不等? !==:不全等

 3、&、| 只能進(jìn)行按位運(yùn)算,如果兩邊不是數(shù)值類型,將轉(zhuǎn)為數(shù)值類型再運(yùn)算;

  &&、|| 進(jìn)行邏輯運(yùn)算

 4、各級運(yùn)算符的優(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ù)類型:

  比對時,采用? "==="? 進(jìn)行判斷,要求數(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ù)。

最后:

“相信有很多想學(xué)前端的小伙伴,今年年初我花了一個月整理了一份最適合2018年學(xué)習(xí)的web前端干貨,從最基礎(chǔ)的HTML+CSS+JS到移動端HTML5到各種框架都有整理,送給每一位前端小伙伴,53763,1707這里是小白聚集地,歡迎初學(xué)和進(jìn)階中的小伙伴?!?/p>

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

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

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