一、
1.javascript代碼引入位置
alert('helloworld') 彈出一個對話框,顯示括號中內容
行內式:直接在html屬性中寫JavaScript代碼
1)無默認行為的HTML標簽
<div οnclick="alert('helloworld')">點擊我</div>
2)有默認行為的HTML標簽
<a href="javascript:alert('百度')">百度</a>
<form action=''></form>
內嵌式:
<script type='text/javascript'>
alert('內嵌式引入js代碼')
</script>
注意:位置 body結束標簽前
外鏈式:
<script src='js檔案路徑'></script>
二、
js注釋:
單行注釋 // ctrl+/
多行注釋 /*內容*/ ctrl+shift+/
三、變數
1.使用方式
定義一個變數: var 變數名 //創建一個變數名
var a //創建一個名為a的變數
var num //創建一個名為num的變數
2.作用:
存盤資料的容器
值變化的量
3.規則:
變數必須由數字、字母、下劃線、$組成
不能用數字開頭
不能使用關鍵字和保留字
不能用空格
4.規范:
變數名語意化
駝峰命名
5.變數賦值:
var num=100
= 賦值符號 (將100的值賦值給變數num)
6.訪問顯示變數值
console.log(變數)
顯示變數的值,輸出列印到瀏覽器控制臺
四、變數記憶體結構圖
<script>
var num=100
num=200
console.log(num)
</script>
五、資料型別
1.資料型別:存盤資料的型別
兩大類:
基本資料型別
1)number(數值)
一切數字都是數值型別
var num=100 || var num=10.23 (num資料型別都是number)
var num=NaN NaN是一個數字值,屬于 (非數字值)
2)string (字串)
用引號引起來的值 (單引或雙引)
var i='helloworld' || '張三'
3)boolean (布爾型別)
只有兩個值:true (成立,真) / false (不成立,假)
var i=true / false
4) null (空型別)
值為 null
var i=null
5)undefined (未定義型別)
值為 undefined
var son
復雜資料型別
object Array...
六、檢查變數資料型別
1.typeof
語法:typeof 變數
回傳變數資料型別——string,number,boolean,null,undefined
示例:var a
console.log('a',typeof a) // undefined
注意:var person = null
console.log('person',typeof person) // object
七、資料型別轉換(其它型別轉數值型別)
1.Number(變數)——回傳數值型別變數
''——0
'100'——100
'hello'———NaN
true——1
folse——0
2.parseInt(變數)——回傳數值型別變數(取整)
'100'——100
'100.25'——100
'hello'——NaN
取整:
35.2——35
parseInt(35.2)——35
'100abc'——100
3.parseFloat(變數)——回傳數值型別變數(保留小數)
'35.2'——35.2
八、其他型別轉字串
1.String(變數)——回傳轉換之后字串
100——'100'
true——'true'
2.變數.tostring()——變數轉字串
100——'100'
true——'true'
undefined——控制臺報錯
null——控制臺報錯
3.+ 連接符
var num = ''+100
console.log(num) // '100'
+號前后有'',則變成連接符
九、其他型別轉布爾型別
1.Boolean(變數)——回傳布爾型別
100——true
0——false
'hello'——true
''——false
undefined——false
null——false
十、數學運算子
1.+ 如有一邊是字串,進行字串連接
2.- 進行隱式轉換,將字串轉換成數值再運算
3.* 進行隱式轉換,將字串轉換成數值再運算
4./ 進行隱式轉換,將字串轉換成數值再運算
5.% 取余
十一、賦值運算子
1.= += -= *= /= %=
2.比較運算子
比較兩邊的值是否相同,如果相同回傳true,不同回傳false
== 比較值
=== 恒等,比較值和資料型別
> < >= <= !=
注意:比較運算子的結果是布爾型別
3.邏輯運算子
&& 邏輯與
并且,左右兩邊都成立,運算式才成立,回傳true,有一個不成立,回傳false
true && false —— false
true && true —— true
注意:一般用于判斷兩個條件是否同時成立,如果前面是false,后面運算忽略不執行
|| 邏輯或
或者,左右兩邊只要有一個成立,運算式成立,回傳true,都不成立,回傳false
false || false —— false
true || false —— true
! 邏輯非
!true ——false
!false ——true
注意:比較運算的結果是布林值
十二、自增自減運算子
1.自增 ++
自身加一
var num = 100
num++ // 101
2.自減 --
自身減一
var num = 100
num-- // 99
3.++在前和在后的區別:參與其他運算
++在后,表示先運算,再加一
++在前,表示先加一,再運算
十三、檢查非數字值
NaN (not a number)
number可為 100/NaN
isNaN(變數)
如果變數是非數字符回傳true,否則回傳false
示例:
var n = 100
console.log(isNaN(n)) //false
var n = 'hello'
console.log(isNaN(n)) //true
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/389178.html
標籤:其他
