一起來學習JavaScript的語法基礎
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 標簽里面的屬性使用的是雙引號，JS 這里我們更推薦使用單引號
- JS 可以用單引號嵌套雙引號 ，或者用雙引號嵌套單引號 (
外雙內(nèi)單，外單內(nèi)雙) - 字符串是由若干字符組成的，這些字符的數(shù)量就是字符串的長度。通過字符串的
length屬性可以獲取整個字符串的長度。
var strMsg = "我是帥氣多金的程序猿！"; alert(strMsg.length); // 顯示 11
多個字符串之間可以使用 + 進行拼接，其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串(只要有字符串類型和其他類型相拼接，最終結果是字符串類型)
//1.1 字符串 "相加"alert('hello' + ' ' + 'world'); // hello world//1.2 數(shù)值字符串 "相加"alert('100' + '100'); // 100100//1.3 數(shù)值字符串 + 數(shù)值alert('11' + 12); // 1112Undefined 和 Null
一個聲明后沒有被賦值的變量會有一個默認值 undefined ( 如果進行相連或者相加時，注意結果）
一個聲明變量給 null 值，里面存的值為空（學習對象時，我們繼續(xù)研究null)
3.2 獲取變量數(shù)據(jù)類型
typeof 可用來獲取檢測變量的數(shù)據(jù)類型
var num = 18; console.log(typeof num) // 結果 number
3.3 數(shù)據(jù)類型轉換
轉換為字符串
轉換為數(shù)字型（重點）
轉換為布爾型
4、運算符
算術運算符
- 浮點數(shù)的精度問題
浮點數(shù)值的最高精度是 17 位小數(shù)，但在進行算術計算時其精確度遠遠不如整數(shù)。所以：不要直接判斷兩個浮點數(shù)是否相等
- 判斷 一個數(shù)能夠被整除
余數(shù)是0 就說明這個數(shù)能被整除， 這就是 % 取余運算符的主要用途
- 注意算術運算符優(yōu)先級的，先乘除，后加減，有小括號先算小括號里面的
- 表達式：是由數(shù)字、運算符、變量等以能求得數(shù)值的有意義排列方法所得的組合，表達式最終都會有一個結果，返回給我們，我們成為返回值
遞增和遞減運算符
注意：遞增和遞減運算符必須和變量配合使用。
前置遞增運算符： ++num 先自加，后返回值
后置遞增運算符 ： num++ 先返回原值，后自加
開發(fā)時，大多使用后置遞增/減，并且代碼獨占一行，例如：num++; 或者 num–；
比較運算符
| 符號 | 作用 | 用法 |
|---|---|---|
| = | 賦值 | 把右邊給左邊 |
| == | 判斷 | 判斷兩邊值是否相等（注意此時有隱式轉換） |
| === | 全等 | 判斷兩邊的值和數(shù)據(jù)類型是否完全相同 |
邏輯運算符
短路運算（邏輯中斷）
原理：當有多個表達式（值）時,左邊的表達式值可以確定結果時,就不再繼續(xù)運算右邊的表達式的值
- 邏輯與
表達式1 && 表達式2
如果第一個表達式的值為真，則返回表達式2
如果第一個表達式的值為假，則返回表達式1
- 邏輯或
表達式1 || 表達式2
如果第一個表達式的值為真，則返回表達式1
如果第一個表達式的值為假，則返回表達式2
賦值運算符
概念：用來把數(shù)據(jù)賦值給變量的運算符
| 賦值運算符 | 說明 | 案例 |
|---|---|---|
| = | 直接賦值 | var usrName = ‘我是值’； |
| += 、 -= | 加、減一個數(shù) 后再賦值 | var age =10; age += 5; //15 |
| *= 、 /= 、 %= | 乘、除、取模 后再賦值 | var age =2; age *= 5; //10 |
運算符優(yōu)先級
總結
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內(nèi)容!
相關文章
深入理解JavaScript系列（47）：對象創(chuàng)建模式（上篇）
這篇文章主要介紹了深入理解JavaScript系列（47）：對象創(chuàng)建模式（上篇）,本文講解了命名空間、定義依賴、私有屬性和私有方法 、Revelation模式、鏈模式等內(nèi)容,需要的朋友可以參考下2015-03-03
window.close()在IE下可以執(zhí)行關閉，但在Firefox下不關閉，不是JS代碼window.close()的問題，而是Firefox的配置問題2009-04-04
長久以來JavaScript兼容性一直是Web開發(fā)者的一個主要問題。在正式規(guī)范、事實標準以及各種實現(xiàn)之間的存在的差異讓許多開發(fā)者日夜煎熬。為此，主要從以下幾方面差異總結IE和Firefox的Javascript兼容性:2014-05-05
document 和 document.all 分別什么時候用
document 和 document.all 分別什么時候用...2006-09-09
這篇文章主要介紹了深入理解JavaScript中的箭頭函數(shù),文中主要針對ES6版本的JS進行相關的講解,需要的朋友可以參考下2015-07-07
下面小編就為大家?guī)硪黄獙WJavaScript七大注意事項【必看】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05
javascript編程起步（第六課）...2007-02-02
本文詳細講解了JSON基礎與詳細用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
下面小編就為大家?guī)硪黄猨avascript基礎語法——全面理解變量和標識符。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-06-06