一起來學(xué)習(xí)JavaScript的語法基礎(chǔ)
1、輸入輸入語句

2、變量



變量語法擴(kuò)展



變量命名規(guī)范

3、數(shù)據(jù)類型
3.1 基本數(shù)據(jù)類型

數(shù)字型 Number
- JavaScript 數(shù)字類型既可以用來保存整數(shù)值,也可以保存小數(shù)(浮點(diǎn)數(shù))。
- 在JS中八進(jìn)制前面加0,十六進(jìn)制前面加 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
字符串型可以是引號中的任意文本,其語法為 雙引號 “” 和 單引號’’
因?yàn)?HTML 標(biāo)簽里面的屬性使用的是雙引號,JS 這里我們更推薦使用單引號

- JS 可以用單引號嵌套雙引號 ,或者用雙引號嵌套單引號 (
外雙內(nèi)單,外單內(nèi)雙) - 字符串是由若干字符組成的,這些字符的數(shù)量就是字符串的長度。通過字符串的
length屬性可以獲取整個字符串的長度。
var strMsg = "我是帥氣多金的程序猿!"; alert(strMsg.length); // 顯示 11
多個字符串之間可以使用 + 進(jìn)行拼接,其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串(只要有字符串類型和其他類型相拼接,最終結(jié)果是字符串類型)
//1.1 字符串 "相加"alert('hello' + ' ' + 'world'); // hello world//1.2 數(shù)值字符串 "相加"alert('100' + '100'); // 100100//1.3 數(shù)值字符串 + 數(shù)值alert('11' + 12); // 1112Undefined 和 Null
一個聲明后沒有被賦值的變量會有一個默認(rèn)值 undefined ( 如果進(jìn)行相連或者相加時,注意結(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ù)字型(重點(diǎn))

轉(zhuǎn)換為布爾型

4、運(yùn)算符
算術(shù)運(yùn)算符

- 浮點(diǎn)數(shù)的精度問題
浮點(diǎn)數(shù)值的最高精度是 17 位小數(shù),但在進(jìn)行算術(shù)計算時其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)。所以:不要直接判斷兩個浮點(diǎn)數(shù)是否相等
- 判斷 一個數(shù)能夠被整除
余數(shù)是0 就說明這個數(shù)能被整除, 這就是 % 取余運(yùn)算符的主要用途
- 注意算術(shù)運(yùn)算符優(yōu)先級的,先乘除,后加減,有小括號先算小括號里面的
- 表達(dá)式:是由數(shù)字、運(yùn)算符、變量等以能求得數(shù)值的有意義排列方法所得的組合,表達(dá)式最終都會有一個結(jié)果,返回給我們,我們成為返回值
遞增和遞減運(yùn)算符
注意:遞增和遞減運(yùn)算符必須和變量配合使用。
前置遞增運(yùn)算符: ++num 先自加,后返回值
后置遞增運(yùn)算符 : num++ 先返回原值,后自加
開發(fā)時,大多使用后置遞增/減,并且代碼獨(dú)占一行,例如:num++; 或者 num–;
比較運(yùn)算符

| 符號 | 作用 | 用法 |
|---|---|---|
| = | 賦值 | 把右邊給左邊 |
| == | 判斷 | 判斷兩邊值是否相等(注意此時有隱式轉(zhuǎn)換) |
| === | 全等 | 判斷兩邊的值和數(shù)據(jù)類型是否完全相同 |
邏輯運(yùn)算符

短路運(yùn)算(邏輯中斷)
原理:當(dāng)有多個表達(dá)式(值)時,左邊的表達(dá)式值可以確定結(jié)果時,就不再繼續(xù)運(yùn)算右邊的表達(dá)式的值
- 邏輯與
表達(dá)式1 && 表達(dá)式2
如果第一個表達(dá)式的值為真,則返回表達(dá)式2
如果第一個表達(dá)式的值為假,則返回表達(dá)式1
- 邏輯或
表達(dá)式1 || 表達(dá)式2
如果第一個表達(dá)式的值為真,則返回表達(dá)式1
如果第一個表達(dá)式的值為假,則返回表達(dá)式2
賦值運(yùn)算符
概念:用來把數(shù)據(jù)賦值給變量的運(yùn)算符
| 賦值運(yùn)算符 | 說明 | 案例 |
|---|---|---|
| = | 直接賦值 | var usrName = ‘我是值’; |
| += 、 -= | 加、減一個數(shù) 后再賦值 | var age =10; age += 5; //15 |
| *= 、 /= 、 %= | 乘、除、取模 后再賦值 | var age =2; age *= 5; //10 |
運(yùn)算符優(yōu)先級

總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
深入理解JavaScript系列(47):對象創(chuàng)建模式(上篇)
這篇文章主要介紹了深入理解JavaScript系列(47):對象創(chuàng)建模式(上篇),本文講解了命名空間、定義依賴、私有屬性和私有方法 、Revelation模式、鏈模式等內(nèi)容,需要的朋友可以參考下2015-03-03
Firefox window.close()的使用注意事項(xiàng)
window.close()在IE下可以執(zhí)行關(guān)閉,但在Firefox下不關(guān)閉,不是JS代碼window.close()的問題,而是Firefox的配置問題2009-04-04
document 和 document.all 分別什么時候用
document 和 document.all 分別什么時候用...2006-09-09
學(xué)JavaScript七大注意事項(xiàng)【必看】
下面小編就為大家?guī)硪黄獙W(xué)JavaScript七大注意事項(xiàng)【必看】。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-05-05
javascript基礎(chǔ)語法——全面理解變量和標(biāo)識符
下面小編就為大家?guī)硪黄猨avascript基礎(chǔ)語法——全面理解變量和標(biāo)識符。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-06-06

