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