一起來學(xué)習(xí)JavaScript的語法基礎(chǔ)
1、輸入輸入語句
2、變量
變量語法擴展
變量命名規(guī)范
3、數(shù)據(jù)類型
3.1 基本數(shù)據(jù)類型
數(shù)字型 Number
- JavaScript 數(shù)字類型既可以用來保存整數(shù)值,也可以保存小數(shù)(浮點數(shù))。
- 在JS中八進制前面加0,十六進制前面加 0x
- 數(shù)字型三個特殊值, Infinity ,代表無窮大,大于任何數(shù)值; -Infinity ,代表無窮小,小于任何數(shù)值; NaN ,Not a number,代表一個非數(shù)值
- isNaN() 用來判斷一個變量是否為非數(shù)字的類型,不是數(shù)字返回 true ,是數(shù)字返回 false
布爾型 Boolean
- 布爾類型有兩個值:true 和 false ,其中 true 表示真(對),而 false 表示假(錯)。
- 布爾型和數(shù)字型相加的時候, true 的值為 1 ,false 的值為 0。
字符串型 String
字符串型可以是引號中的任意文本,其語法為 雙引號 “” 和 單引號’’
因為 HTML 標(biāo)簽里面的屬性使用的是雙引號,JS 這里我們更推薦使用單引號
- JS 可以用單引號嵌套雙引號 ,或者用雙引號嵌套單引號 (
外雙內(nèi)單,外單內(nèi)雙
) - 字符串是由若干字符組成的,這些字符的數(shù)量就是字符串的長度。通過字符串的
length
屬性可以獲取整個字符串的長度。
var strMsg = "我是帥氣多金的程序猿!"; alert(strMsg.length); // 顯示 11
多個字符串之間可以使用 + 進行拼接,其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串
(只要有字符串類型和其他類型相拼接,最終結(jié)果是字符串類型)
//1.1 字符串 "相加"alert('hello' + ' ' + 'world'); // hello world//1.2 數(shù)值字符串 "相加"alert('100' + '100'); // 100100//1.3 數(shù)值字符串 + 數(shù)值alert('11' + 12); // 1112
Undefined 和 Null
一個聲明后沒有被賦值的變量會有一個默認(rèn)值 undefined ( 如果進行相連或者相加時,注意結(jié)果)
一個聲明變量給 null 值,里面存的值為空(學(xué)習(xí)對象時,我們繼續(xù)研究null)
3.2 獲取變量數(shù)據(jù)類型
typeof 可用來獲取檢測變量的數(shù)據(jù)類型
var num = 18; console.log(typeof num) // 結(jié)果 number
3.3 數(shù)據(jù)類型轉(zhuǎn)換
轉(zhuǎn)換為字符串
轉(zhuǎn)換為數(shù)字型(重點)
轉(zhuǎn)換為布爾型
4、運算符
算術(shù)運算符
- 浮點數(shù)的精度問題
浮點數(shù)值的最高精度是 17 位小數(shù),但在進行算術(shù)計算時其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)。所以:不要直接判斷兩個浮點數(shù)是否相等
- 判斷 一個數(shù)能夠被整除
余數(shù)是0 就說明這個數(shù)能被整除, 這就是 % 取余運算符
的主要用途
- 注意算術(shù)運算符優(yōu)先級的,先乘除,后加減,有小括號先算小括號里面的
- 表達(dá)式:是由數(shù)字、運算符、變量等以能求得數(shù)值的有意義排列方法所得的組合,表達(dá)式最終都會有一個結(jié)果,返回給我們,我們成為返回值
遞增和遞減運算符
注意:遞增和遞減運算符必須和變量配合使用。
前置遞增運算符: ++num 先自加,后返回值
后置遞增運算符 : num++ 先返回原值,后自加
開發(fā)時,大多使用后置遞增/減,并且代碼獨占一行,例如:num++; 或者 num–;
比較運算符
符號 | 作用 | 用法 |
---|---|---|
= | 賦值 | 把右邊給左邊 |
== | 判斷 | 判斷兩邊值是否相等(注意此時有隱式轉(zhuǎn)換) |
=== | 全等 | 判斷兩邊的值和數(shù)據(jù)類型是否完全相同 |
邏輯運算符
短路運算(邏輯中斷)
原理:當(dāng)有多個表達(dá)式(值)時,左邊的表達(dá)式值可以確定結(jié)果時,就不再繼續(xù)運算右邊的表達(dá)式的值
- 邏輯與
表達(dá)式1 && 表達(dá)式2
如果第一個表達(dá)式的值為真,則返回表達(dá)式2
如果第一個表達(dá)式的值為假,則返回表達(dá)式1
- 邏輯或
表達(dá)式1 || 表達(dá)式2
如果第一個表達(dá)式的值為真,則返回表達(dá)式1
如果第一個表達(dá)式的值為假,則返回表達(dá)式2
賦值運算符
概念:用來把數(shù)據(jù)賦值給變量的運算符
賦值運算符 | 說明 | 案例 |
---|---|---|
= | 直接賦值 | var usrName = ‘我是值’; |
+= 、 -= | 加、減一個數(shù) 后再賦值 | var age =10; age += 5; //15 |
*= 、 /= 、 %= | 乘、除、取模 后再賦值 | var age =2; age *= 5; //10 |
運算符優(yōu)先級
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
在javascript中關(guān)于節(jié)點內(nèi)容加強
本篇文章,小編為大家介紹,關(guān)于在javascript中關(guān)于節(jié)點內(nèi)容加強的問題2013-04-04深入學(xué)習(xí)JavaScript 高階函數(shù)
這篇文章主要介紹了深入學(xué)習(xí)JavaScript 高階函數(shù),在 JavaScript 中,函數(shù)是一種特殊類型的對象,它們是 Function objects。,需要的朋友可以參考下2019-06-06javaScript array(數(shù)組)使用字符串作為數(shù)組下標(biāo)的方法
這篇文章主要介紹了javaScript array(數(shù)組)使用字符串作為數(shù)組下標(biāo)的方法,大家可以測試一下看看2013-11-11Javascript & DHTML 實例編程(教程)基礎(chǔ)知識
Javascript & DHTML 實例編程(教程)基礎(chǔ)知識...2007-06-06深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解
這篇文章主要介紹了深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解,本文講解了一般理論、按值傳遞、按引用傳遞、按共享傳遞(Call by sharing)、按共享傳遞是按值傳遞的特例等內(nèi)容,需要的朋友可以參考下2015-03-03詳解在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀
這篇文章主要介紹了在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03