1侈净、JS是腳本語(yǔ)言尊勿，主要用于頁(yè)面與用戶的交互和頁(yè)面功能，實(shí)現(xiàn)部分動(dòng)畫(huà)效果
JS的組成
2畜侦、頁(yè)面引入方式
3元扔、變量
弱類型語(yǔ)言，變量類型由聲明時(shí)的值決定
js數(shù)據(jù)類型
typeof(變量)? ? ?用于獲取變量類型
number? 123
string? 'asd'
boolean? true
undefined? 不賦值如var? a
null
復(fù)合類型
object
NaN表示不是一個(gè)數(shù)字
isNaN判斷是不是一個(gè)數(shù)字 旋膳，不是數(shù)字返回true澎语，如果是數(shù)字則返回false
類型轉(zhuǎn)換
這塊涉及到parseInt方法的一個(gè)BUG
變量，函數(shù)验懊，屬性命名規(guī)范
第一個(gè)字符必須是字母擅羞，下劃線，美元符號(hào)
其他可以是字母义图，下劃線减俏，美元符號(hào)和數(shù)字
區(qū)分大小寫(xiě)
4、js獲取元素[html中的標(biāo)簽如div碱工、a等]
通過(guò)document對(duì)象來(lái)實(shí)現(xiàn)
<div? ?id='12233'>????? ?其中id是div元素的一個(gè)屬性
常用方法通過(guò)document對(duì)象娃承，如document.getElementById（）
獲取頁(yè)面上元素的屬性之后就可以對(duì)屬性進(jìn)行讀寫(xiě)操作
5、js函數(shù)
函數(shù)定義：在js文件或者javascript代碼塊中聲明
function aa(){
????alert(hello)
}
函數(shù)調(diào)用：
在js文件或者javascript代碼塊中調(diào)用 aa()
函數(shù)傳參
需要注意的是變量需要用【】中括號(hào)怕篷，而不能用點(diǎn)
函數(shù)返回值：返回函數(shù)返回值历筝，結(jié)束程序運(yùn)行
在行間事件調(diào)用
匿名函數(shù)? aa =??function( ) {
????alert(hello)
}
6、條件語(yǔ)句
if? else條件語(yǔ)句
switch條件語(yǔ)句
if elseif else多重條件語(yǔ)句
數(shù)學(xué)運(yùn)算之運(yùn)算符
7廊谓、數(shù)組
數(shù)組就是python中的列表
創(chuàng)建方式
方式1：var? aRrr01 = new? Array(1,2,3)? ? ? ?#定義了一個(gè)數(shù)組并初始化
方式2：var? aRrr02 = [0梳猪，1，2]?
數(shù)組的常用方法
獲取長(zhǎng)度 length屬性
通過(guò)索引獲取指定位置的元素? 如aRrr01[0]
多維數(shù)組的創(chuàng)建方式：數(shù)組成員也是數(shù)組
多維數(shù)組使用方法
數(shù)組轉(zhuǎn)字符串join方法蒸痹，參數(shù)是分隔符
增加push和刪除pop數(shù)組中的成員【對(duì)數(shù)組末尾進(jìn)行操作】
增加unshift和刪除shift數(shù)組中的成員【對(duì)數(shù)組前面進(jìn)行操作】
數(shù)組反轉(zhuǎn)reverse方法
獲取數(shù)組元素的索引值春弥，若有多個(gè)相同的元素，則從索引為0的位置開(kāi)始电抚，返回第一個(gè)元素出現(xiàn)的索引值indexof
在數(shù)組中間增加或刪除元素splice方法
參數(shù)1：開(kāi)始的索引惕稻，包括該元素
參數(shù)2：表示刪除元素的個(gè)數(shù)
其他參數(shù)【可選】：表示增加的元素
數(shù)組去重
核心思想：主要是用for循環(huán)遍歷每個(gè)元素，使用indexof判斷每個(gè)元素當(dāng)前索引值是不是與首次出現(xiàn)的索引值一致
8蝙叛、循環(huán)語(yǔ)句
for循環(huán)
【注】這塊的aLi不是一個(gè)數(shù)組俺祠，是一個(gè)選擇集
while循環(huán)
9、字符串的處理方法
【注】substring包左，不包右
indexof找不到返回-1
使用方法：
JS中的一個(gè)BUG
若0.1與0.2直接相加會(huì)計(jì)算錯(cuò)誤
字符串反轉(zhuǎn)
核心思想蜘渣，先轉(zhuǎn)數(shù)組淌铐，調(diào)用數(shù)組的reverse方法，然后再用join方法轉(zhuǎn)字符串
調(diào)試程序的方法
10蔫缸、定時(shí)器
作用1：異步操作
setTimeout(aa,2000) 第一個(gè)參數(shù)是函數(shù)名腿准，第二個(gè)參數(shù)是時(shí)間單位是ms
關(guān)閉定時(shí)器clearTimeout
Timer = setTimeout(aa,2000)
function aa(){
alert('hello')
}
clearTimeout(Timer)
作用2：制作動(dòng)畫(huà)
反復(fù)執(zhí)行
實(shí)i現(xiàn)動(dòng)畫(huà)效果，讓盒子向右移動(dòng)拾碌，到一定距離時(shí)停止
通過(guò)定時(shí)器設(shè)置時(shí)鐘
這塊有兩個(gè)坑：
第一個(gè)是月份是0到11吐葱，星期是0到6
倒計(jì)時(shí)【實(shí)際開(kāi)發(fā)中now的時(shí)間要從服務(wù)器獲取】
作用3：函數(shù)緩存和節(jié)流
頁(yè)面效果做彈框：彈框彈出后用戶只能操作彈框，操作不了界面其他元素校翔。
第一點(diǎn)：設(shè)置一個(gè)罩子div01弟跑，能遮住瀏覽器【采用固定定位，寬度和高度均為100%】防症，同時(shí)要設(shè)置層級(jí)很大孟辑。保證遮住其他元素，要想顯示其他元素蔫敲，設(shè)置透明度饲嗽。
第二點(diǎn)：彈框div02,首先層級(jí)要大于div01，這樣才能顯示奈嘿。定位也采用固定定位
第三點(diǎn)：div02內(nèi)設(shè)置關(guān)閉按鈕貌虾，點(diǎn)擊的時(shí)候設(shè)置div01和div02為display:none
11、變量的作用域以及封閉函數(shù)
全局變量：函數(shù)外定義的變量指么。函數(shù)內(nèi)酝惧、函數(shù)外都可以訪問(wèn)
局部變量：函數(shù)內(nèi)定義的變量榴鼎，只有函數(shù)內(nèi)才可以訪問(wèn)
JavaScript 變量生命周期在它聲明時(shí)初始化伯诬。
局部變量在函數(shù)執(zhí)行完畢后銷毀。
全局變量在頁(yè)面關(guān)閉后銷毀巫财。
封閉函數(shù)（定義的匿名函數(shù)）（）;
優(yōu)點(diǎn)是不會(huì)影響全局的變量盗似、函數(shù)等。項(xiàng)目開(kāi)發(fā)中為了防止影響其他的平项，可以把自己要實(shí)現(xiàn)的功能放到封閉函數(shù)內(nèi)赫舒，封閉函數(shù)定義的變量、函數(shù)都不會(huì)影響全局闽瓢。
12接癌、閉包
怎么理解閉包呢，就是函數(shù)嵌套一個(gè)函數(shù)扣讼，內(nèi)函數(shù)調(diào)用外函數(shù)的局部變量和參數(shù)缺猛，參數(shù)和變量不會(huì)被垃圾空間回收。
大家都知道垃圾回收機(jī)制是變量的引用數(shù)為0的話，那么這個(gè)變量就會(huì)被回收荔燎。在閉包這個(gè)場(chǎng)景中耻姥，外函數(shù)內(nèi)的變量被內(nèi)函數(shù)調(diào)用，而外函數(shù)同時(shí)也在帶調(diào)用內(nèi)函數(shù)有咨。形成了互相調(diào)用的關(guān)系琐簇，并且當(dāng)我們?cè)谕饷嬲{(diào)用他們時(shí)，出現(xiàn)了第三方的調(diào)用關(guān)系座享。所以導(dǎo)致就算是函數(shù)執(zhí)行完成后婉商，變量的引用依然不是0.所以它不會(huì)被回收。
那為啥會(huì)出現(xiàn)閉包呢渣叛？大家都知道据某，函數(shù)外是無(wú)法訪問(wèn)函數(shù)內(nèi)的變量的。而閉包的出現(xiàn)诗箍，使得在函數(shù)外面也可以訪問(wèn)函數(shù)內(nèi)部的作用域癣籽。
閉包的用途：
用途1：由于閉包函數(shù)的變量不會(huì)被回收，所以我們可以用閉包在循環(huán)中存放索引值
類似于這種情況滤祖，我們期望的是彈出的i是從小到大筷狼，但實(shí)際上執(zhí)行的過(guò)程中。是先綁定了onclick事件匠童，最后彈出的i都是循環(huán)結(jié)束之后的i值埂材。這個(gè)時(shí)候我們需要一個(gè)全局的作用域來(lái)存放閉包
上述代碼塊就使用了閉包函數(shù)來(lái)存所有值
用途2：私有變量計(jì)數(shù)器，外部無(wú)法訪問(wèn)汤求，避免全局變量的污染
13俏险、內(nèi)置對(duì)象
第一個(gè)：document.referrer的使用場(chǎng)景是模擬登錄過(guò)程，存儲(chǔ)跳轉(zhuǎn)之前的頁(yè)面的URL扬绪。
第二個(gè)：Windows.location.herf用于跳轉(zhuǎn)
Windows.location.serch? 我們常在URL中加參數(shù)竖独，如URL+？zhanghong
Windows.location.hash?我們常在URL中加參數(shù)，如URL+#zhanghong
第三個(gè)math
Math.random()獲取0到1的整數(shù)墓赴，若想獲取選定范圍a-b的隨機(jī)數(shù)竞膳。
Math.random()*(b-a)+a
Math.floor()? ? 向下取整
Math.ceil()? ? ? 向上取整
14、JS中的對(duì)象
調(diào)用對(duì)象中的屬性诫硕，如Tom.age
調(diào)用對(duì)象中的方法坦辟，如Tom.showname()
工廠模式創(chuàng)建對(duì)象
通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象
原型模式
解決了構(gòu)造函數(shù)創(chuàng)建的實(shí)例化對(duì)象方法不能共享的問(wèn)題
對(duì)象調(diào)用方法的時(shí)候，先在自己對(duì)象的方法中找章办，找不到再去找原型方法
繼承
對(duì)象的call和apply方法
相同點(diǎn)：都可以用來(lái)改變對(duì)象中this的值
不同點(diǎn)：使用上傳參不同
經(jīng)常使用這個(gè)方法來(lái)實(shí)現(xiàn)繼承
