初識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)行引入。 - 拓展兩個(gè)不常用的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你寫幾個(gè)它就彈幾次。由于兼容性問題诗宣，不同瀏覽器顯示的彈出框樣式不同膘怕，所以一般很少用，主要是用來調(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)容"); - 這個(gè)輸出的結(jié)果是不在頁面中顯示的徘禁，只能在調(diào)試工具的控制臺中看到。
document.write文檔打印輸出
- 語法：
document.write("內(nèi)容"); - 這個(gè)也是打印內(nèi)容存皂，但是和console.log不同的是晌坤，document.write輸出的內(nèi)容是直接顯示到頁面中，用戶是可以看到的旦袋。
變量
- 聲明方式：
var string = "變量值"; - 可以看出骤菠，為了證明這是一個(gè)變量，要用var來聲明疤孕，然后跟上變量名和賦值商乎。并且變量只能存放一個(gè)值，前面的值會被后面的賦值替換掉祭阀。
- 想要獲取變量存放的值鹉戚，直接打印變量名就能取得。
- 總結(jié)：變量是一個(gè)存放最后一次賦值的容器专控。
變量命名規(guī)范
- 變量只能由字母抹凳、數(shù)字、下劃線伦腐、$來組成赢底，且不能由數(shù)字開頭
- 變量名長度不能超過255字符
- 變量名中不能有空格
- 變量名不能使用關(guān)鍵字或者保留字（百度有表格），命名時(shí)應(yīng)盡量用相同語義的英文單詞柏蘑，理論上可以用中文但是不建議幸冻。
- 變量名嚴(yán)格區(qū)分大小寫
- 書寫變量建議使用駝峰式寫法
不通過第三個(gè)變量，讓兩個(gè)變量值互換
- 代碼如下：
var a=10, b=20;
a = a + b咳焚； 此時(shí)a的值是兩個(gè)變量的和
b = a - b; 用兩個(gè)值的和減去b的值洽损，就剩下原來a的值，此時(shí)b就是原來a的值
a = a - b; 用兩個(gè)值的和減去b（原a值）革半，就剩下原來的b的值碑定，這樣就實(shí)現(xiàn)了互換 - 很有理解價(jià)值的案例
變量的類型
- js是弱類型語言，不用聲明變量的類型又官，它會根據(jù)里面的內(nèi)容來轉(zhuǎn)換類型不傅。
- 雖然可以通過給變量賦不同類型的值來轉(zhuǎn)換類型，但是不推薦這么用赏胚。
數(shù)值型number
- 給變量放入數(shù)字或者浮點(diǎn)數(shù)（小數(shù)）访娶，這個(gè)變量就是
數(shù)值型變量。 - 數(shù)值型變量有一個(gè)特殊的返回值
NaN觉阅，如果數(shù)值型變量因?yàn)椴僮麇e(cuò)誤哦不能返回一個(gè)數(shù)值時(shí)崖疤，就會返回NaN（依然是數(shù)值型）秘车，這樣代碼運(yùn)行就不會報(bào)錯(cuò)。如果變量值是NaN劫哼，那么它自己和自己都不相等叮趴。 - 使用
isNaN()可以判斷里面的值是否是有效數(shù)值，是有效數(shù)值返回false权烧，不是有效數(shù)值返回true眯亦。Infinity是有效數(shù)值。 - number的直接量顯示
- 直接量也叫做字面量般码，有多種顯示方式妻率，只做認(rèn)識
- 十進(jìn)制，10板祝，這是最常見的不作說明
- 八進(jìn)制[0開頭]宫静，用八個(gè)字符來表示所有值（01234567）,想表示8時(shí)，因?yàn)闆]8就要進(jìn)位用010來顯示
- 十六進(jìn)制[0x開頭]券时，用十六個(gè)字符來表示所有值（0123456789abcdef）孤里，0x10就是表示16
- 科學(xué)計(jì)數(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ù)返回方法是一樣的，加個(gè)負(fù)號就行抛虏，負(fù)數(shù)小到超過限制就是
-Infinity(負(fù)無窮大)
-
字符型string
- 把字符串放入變量，該變量就是字符型變量套才。
- 只要被單引號或者雙引號包裹的內(nèi)容就是字符串迂猴，包括數(shù)字被包裹后就不是數(shù)值而是字符串了。
- \反斜杠是轉(zhuǎn)義字符背伴，它可以把普通字符轉(zhuǎn)義為有意義的特殊字符沸毁，也可以把有意義的字符轉(zhuǎn)義為普通字符。轉(zhuǎn)義字符有很多傻寂，搜索去查息尺。
- 字符串的不可變性
- 在棧內(nèi)層中，字符型變量重新賦值不是直接覆蓋值疾掰，而是開辟一個(gè)新的空間搂誉，把新的字符串值引用給變量，原字符串不變静檬，所以字符串值一旦創(chuàng)建是不能改變的炭懊。
- 正因?yàn)檫@樣并级，所以一旦大量拼接字符型變量非常消耗資源，不建議這么做侮腹。
- 字符串拼接小技巧：引號加加嘲碧，可以迅速完成字符中加插入拼接變量的操作。
布爾型boolean
- 把兩個(gè)邏輯判斷值
true和false放入變量父阻，該變量就是布爾型愈涩，兩個(gè)值都必須是小寫 - true是真，false是假
未定義數(shù)據(jù)類型
- 當(dāng)聲明了變量卻沒有賦值加矛，這個(gè)變量就是未定義數(shù)據(jù)類型
- 在調(diào)試工具中打印類型履婉，會顯示undefined
空類型
var num = null;- 當(dāng)給變量賦值null后，變量就是空類型了荒椭，可以理解為清空變量谐鼎。
typeof檢測變量類型運(yùn)算符
typeof xxx;- 要注意typeof是一個(gè)運(yùn)算符不是方法，所以不用括號直接書寫就行趣惠。他可以檢測該變量或者該值是什么的類型狸棍。
- 返回的是類型英文名。
- 用typeof檢測空類型味悄，返回對象類型草戈，這是錯(cuò)的。這個(gè)問題是js遺留的BUG侍瑟，實(shí)際就是個(gè)空類型唐片。
- 用typeof檢測函數(shù)調(diào)用時(shí)，函數(shù)返回什么值涨颜，就是什么類型费韭。
js操作符
基礎(chǔ)運(yùn)算符
-
+ - * / %五個(gè)基礎(chǔ)運(yùn)算符，對應(yīng)加庭瑰、減星持、乘、除弹灭、取余數(shù)督暂。 - 這里+號比較特殊要注意。當(dāng)加法運(yùn)算中出現(xiàn)了字符串時(shí)穷吮，它就不會再計(jì)算相加的結(jié)果（有字符串也加不了）逻翁，而是把所有參與運(yùn)算的值連接起來。
- 就是說在js中連接符號是+
- 例如
"10" + 1捡鱼，是一個(gè)字符串加一個(gè)數(shù)值八回，實(shí)際結(jié)果是101，它們被連起來了。 - 除了加號以外的基礎(chǔ)運(yùn)算符辽社，如果字符串是數(shù)字正常運(yùn)算伟墙，不是返回NaN
- 用有效數(shù)字除以空或者0，會返回Infinity（無窮大）
- 任何數(shù)%0都是NaN滴铅，取余比自己大的數(shù)返回自己
一元運(yùn)算符
- 一元運(yùn)算符就是只靠一個(gè)數(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)算時(shí)才自增（如果是自己加自己猛们，那么第二個(gè)就是自增后的值了）；前置在運(yùn)算過程中就自加了狞洋。
比較運(yùn)算符
- 比較運(yùn)算符用來判斷條件是否成立弯淘，成立返回true，不成立返回false
<左邊小于右邊吉懊，條件成立
>左邊大于右邊庐橙，條件成立
<=左邊小于或等于右邊，條件成立
>=左邊大于或等于右邊借嗽，條件成立
==左邊等于右邊态鳖，條件成立（默認(rèn)會做類型轉(zhuǎn)換）
===左邊全等于右邊（值和類型都相等才是全等），條件成立
!=左邊不等于右邊恶导，條件成立（默認(rèn)會做類型轉(zhuǎn)換）
!==左邊不全等于右邊（值和類型都不等才是不全等）浆竭，條件成立 - 運(yùn)算符優(yōu)先級，
< > <= >=高于== === != !==甲锡，先比較和后比較的區(qū)別。
邏輯操作符
- 邏輯操作符是用來判斷多個(gè)條件結(jié)果的羽戒，比較對象是布爾值缤沦，返回的是決定結(jié)果的值
&&邏輯與（并用）,需要多個(gè)條件都滿足，才返回true易稠，有一個(gè)false就返回false
||邏輯或缸废，只要滿足一個(gè)條件就返回true，全部為false才返回false
!把結(jié)果取反 - 執(zhí)行優(yōu)先級：
！>&&>|| - 當(dāng)執(zhí)行短路運(yùn)算時(shí)（即比較的值不是布爾值）企量，雖然它會暫時(shí)隱式的轉(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并集的意思枣接，可以用于通用聲明。
