初識js
- 由網(wǎng)景公司開發(fā)，基于瀏覽器，基于面向?qū)ο螅谑录?qū)動的網(wǎng)頁腳本語言。主要用來做表單驗(yàn)證、網(wǎng)頁特效、網(wǎng)頁小游戲、服務(wù)器異步交互。
js書寫位置
- 內(nèi)聯(lián)式j(luò)s的寫法與css類似
<script type="text/javascript'>
代碼內(nèi)容
</script> - 可以看出只是包裹的標(biāo)簽不一樣，js使用script包裹起來的。
- 外聯(lián)式使用
<script type="text/javascript" src="文件地址"></script>,來進(jìn)行引入。 - 拓展兩個不常用的script標(biāo)簽屬性
-
async="async"設(shè)置外部js文件異步加載，相當(dāng)于既加載html又加載js，當(dāng)js加載完畢后立即執(zhí)行 -
defer="defer"設(shè)置文件最后加載，就是當(dāng)其他的代碼都加載完畢后，再加載js并運(yùn)行。
-
JS-API介紹
- 應(yīng)用程序編程接口。其實(shí)它就是一些預(yù)定于的函數(shù)。提供程序員基于某些硬件和軟件訪問一組程序的能力，無需訪問源碼，無需知道源碼的運(yùn)行機(jī)制
- 常見的接口：百度地圖、豆瓣電影、愛奇藝影視等
js語法格式
- 推薦使用每行一句代碼，并用分號結(jié)束
var num = 1;
var string= "你好"; - 注意，在js中就要區(qū)分大小寫了，和css不同
alert彈出警示框
- 語法：
alert("內(nèi)容"); - 寫全是window.alert();也可以省略，為了方便一般會用簡單的寫法。
- 注意alert你寫幾個它就彈幾次。由于兼容性問題，不同瀏覽器顯示的彈出框樣式不同，所以一般很少用，主要是用來調(diào)試程序的。
prompt彈出輸入框
- 語法：
prompt("參數(shù)1","參數(shù)2"); - 參數(shù)1是提示或者問題信息，參數(shù)2是輸入框默認(rèn)值，如果不寫參數(shù)2輸入框就為空。當(dāng)用戶點(diǎn)擊了確定會返回輸入框中的值，點(diǎn)擊取消返回null
console.log控制臺輸出日志記錄
- 語法：
console.log("內(nèi)容"); - 這個輸出的結(jié)果是不在頁面中顯示的，只能在調(diào)試工具的控制臺中看到。
document.write文檔打印輸出
- 語法：
document.write("內(nèi)容"); - 這個也是打印內(nèi)容，但是和console.log不同的是，document.write輸出的內(nèi)容是直接顯示到頁面中，用戶是可以看到的。
變量
- 聲明方式：
var string = "變量值"; - 可以看出，為了證明這是一個變量，要用var來聲明，然后跟上變量名和賦值。并且變量只能存放一個值，前面的值會被后面的賦值替換掉。
- 想要獲取變量存放的值，直接打印變量名就能取得。
- 總結(jié)：變量是一個存放最后一次賦值的容器。
變量命名規(guī)范
- 變量只能由字母、數(shù)字、下劃線、$來組成，且不能由數(shù)字開頭
- 變量名長度不能超過255字符
- 變量名中不能有空格
- 變量名不能使用關(guān)鍵字或者保留字（百度有表格），命名時應(yīng)盡量用相同語義的英文單詞，理論上可以用中文但是不建議。
- 變量名嚴(yán)格區(qū)分大小寫
- 書寫變量建議使用駝峰式寫法
不通過第三個變量，讓兩個變量值互換
- 代碼如下：
var a=10, b=20;
a = a + b； 此時a的值是兩個變量的和
b = a - b; 用兩個值的和減去b的值，就剩下原來a的值，此時b就是原來a的值
a = a - b; 用兩個值的和減去b（原a值），就剩下原來的b的值，這樣就實(shí)現(xiàn)了互換 - 很有理解價值的案例
變量的類型
- js是弱類型語言，不用聲明變量的類型，它會根據(jù)里面的內(nèi)容來轉(zhuǎn)換類型。
- 雖然可以通過給變量賦不同類型的值來轉(zhuǎn)換類型，但是不推薦這么用。
數(shù)值型number
- 給變量放入數(shù)字或者浮點(diǎn)數(shù)（小數(shù)），這個變量就是
數(shù)值型變量。 - 數(shù)值型變量有一個特殊的返回值
NaN，如果數(shù)值型變量因?yàn)椴僮麇e誤哦不能返回一個數(shù)值時，就會返回NaN（依然是數(shù)值型），這樣代碼運(yùn)行就不會報錯。如果變量值是NaN，那么它自己和自己都不相等。 - 使用
isNaN()可以判斷里面的值是否是有效數(shù)值，是有效數(shù)值返回false，不是有效數(shù)值返回true。Infinity是有效數(shù)值。 - number的直接量顯示
- 直接量也叫做字面量，有多種顯示方式，只做認(rèn)識
- 十進(jìn)制，10，這是最常見的不作說明
- 八進(jìn)制[0開頭]，用八個字符來表示所有值（01234567）,想表示8時，因?yàn)闆]8就要進(jìn)位用010來顯示
- 十六進(jìn)制[0x開頭]，用十六個字符來表示所有值（0123456789abcdef），0x10就是表示16
- 科學(xué)計數(shù)法6e+5，實(shí)際上是6*(10的5次方)
- 拓展
- 浮點(diǎn)數(shù)因?yàn)榫鹊膯栴}，所以千萬不要用來做等于比較判斷，只能作為范圍條件判斷。
- 直接量也叫做字面量，有多種顯示方式，只做認(rèn)識
- JS能顯示數(shù)字的最大和最小值
-
Number.MAX_VALUE可以返回js能顯示的最大正數(shù)，超過就Infinity（無窮大） -
Number.MIN_VALUE可以返回js能顯示的最小正數(shù)，再小就是0 - 負(fù)數(shù)和正數(shù)返回方法是一樣的，加個負(fù)號就行，負(fù)數(shù)小到超過限制就是
-Infinity(負(fù)無窮大)
-
字符型string
- 把字符串放入變量，該變量就是字符型變量。
- 只要被單引號或者雙引號包裹的內(nèi)容就是字符串，包括數(shù)字被包裹后就不是數(shù)值而是字符串了。
- \反斜杠是轉(zhuǎn)義字符，它可以把普通字符轉(zhuǎn)義為有意義的特殊字符，也可以把有意義的字符轉(zhuǎn)義為普通字符。轉(zhuǎn)義字符有很多，搜索去查。
- 字符串的不可變性
- 在棧內(nèi)層中，字符型變量重新賦值不是直接覆蓋值，而是開辟一個新的空間，把新的字符串值引用給變量，原字符串不變，所以字符串值一旦創(chuàng)建是不能改變的。
- 正因?yàn)檫@樣，所以一旦大量拼接字符型變量非常消耗資源，不建議這么做。
- 字符串拼接小技巧：引號加加，可以迅速完成字符中加插入拼接變量的操作。
布爾型boolean
- 把兩個邏輯判斷值
true和false放入變量，該變量就是布爾型，兩個值都必須是小寫 - true是真，false是假
未定義數(shù)據(jù)類型
- 當(dāng)聲明了變量卻沒有賦值，這個變量就是未定義數(shù)據(jù)類型
- 在調(diào)試工具中打印類型，會顯示undefined
空類型
var num = null;- 當(dāng)給變量賦值null后，變量就是空類型了，可以理解為清空變量。
typeof檢測變量類型運(yùn)算符
typeof xxx;- 要注意typeof是一個運(yùn)算符不是方法，所以不用括號直接書寫就行。他可以檢測該變量或者該值是什么的類型。
- 返回的是類型英文名。
- 用typeof檢測空類型，返回對象類型，這是錯的。這個問題是js遺留的BUG，實(shí)際就是個空類型。
- 用typeof檢測函數(shù)調(diào)用時，函數(shù)返回什么值，就是什么類型。
js操作符
基礎(chǔ)運(yùn)算符
-
+ - * / %五個基礎(chǔ)運(yùn)算符，對應(yīng)加、減、乘、除、取余數(shù)。 - 這里+號比較特殊要注意。當(dāng)加法運(yùn)算中出現(xiàn)了字符串時，它就不會再計算相加的結(jié)果（有字符串也加不了），而是把所有參與運(yùn)算的值連接起來。
- 就是說在js中連接符號是+
- 例如
"10" + 1，是一個字符串加一個數(shù)值，實(shí)際結(jié)果是101，它們被連起來了。 - 除了加號以外的基礎(chǔ)運(yùn)算符，如果字符串是數(shù)字正常運(yùn)算，不是返回NaN
- 用有效數(shù)字除以空或者0，會返回Infinity（無窮大）
- 任何數(shù)%0都是NaN，取余比自己大的數(shù)返回自己
一元運(yùn)算符
- 一元運(yùn)算符就是只靠一個數(shù)就能完成運(yùn)算操作的符號，常見的集中一元運(yùn)算符：
-
+正號。注意這里不是加號，是正號 -
-負(fù)號。注意這里不是減號，是負(fù)號 -
++自增符號，每寫一次自己+1，例如num++就相當(dāng)于num=num+1（只是相當(dāng)于不是完全相同）- 自增符號可以前置也可以后置，都是自增的意思。
- 前置和后置的區(qū)別：++前置是先自加再運(yùn)算，++后置是先把值參與運(yùn)算再自加。簡單來說就是:后置參與運(yùn)算的還是原值，到下一次運(yùn)算時才自增（如果是自己加自己，那么第二個就是自增后的值了）；前置在運(yùn)算過程中就自加了。
比較運(yùn)算符
- 比較運(yùn)算符用來判斷條件是否成立，成立返回true，不成立返回false
<左邊小于右邊，條件成立
>左邊大于右邊，條件成立
<=左邊小于或等于右邊，條件成立
>=左邊大于或等于右邊，條件成立
==左邊等于右邊，條件成立（默認(rèn)會做類型轉(zhuǎn)換）
===左邊全等于右邊（值和類型都相等才是全等），條件成立
!=左邊不等于右邊，條件成立（默認(rèn)會做類型轉(zhuǎn)換）
!==左邊不全等于右邊（值和類型都不等才是不全等），條件成立 - 運(yùn)算符優(yōu)先級，
< > <= >=高于== === != !==，先比較和后比較的區(qū)別。
邏輯操作符
- 邏輯操作符是用來判斷多個條件結(jié)果的，比較對象是布爾值，返回的是決定結(jié)果的值
&&邏輯與（并用）,需要多個條件都滿足，才返回true，有一個false就返回false
||邏輯或，只要滿足一個條件就返回true，全部為false才返回false
!把結(jié)果取反 - 執(zhí)行優(yōu)先級：
！>&&>|| - 當(dāng)執(zhí)行短路運(yùn)算時（即比較的值不是布爾值），雖然它會暫時隱式的轉(zhuǎn)換為布爾值進(jìn)行運(yùn)算，但是返回的還是原值，具體返回的是起決定性作用的值，就是決定該次運(yùn)算結(jié)果是true還是false的值。
賦值操作符
- 在JS中等于號是雙等
==，單等=是賦值符號，意思是把右邊的結(jié)果賦值給左邊。 - 賦值運(yùn)算符的拓展：
-
num += 2是num = num + 2的簡寫 -
num -= 2是num = num - 2的簡寫 -
num *= 2是num = num * 2的簡寫 -
num /= 2是num = num / 2的簡寫 -
num %= 2是num = num % 2的簡寫 - 實(shí)際上就是類似于一元運(yùn)算符的簡寫方法。
-
逗號操作符
- 沒什么好記的，就是css并集的意思，可以用于通用聲明。
