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