fn() //聲明內(nèi)容先執(zhí)行不會報(bào)錯
function fn() {
//函數(shù)聲明
}
fn1() //先執(zhí)行fn1函數(shù)會報(bào)錯
var fn1 = function() {
//函數(shù)表達(dá)式
}
執(zhí)行上下文
范圍：一段<script>或者一個函數(shù)
全局(一段<script>)：變量定義，函數(shù)聲明
函數(shù)：變量定義，函數(shù)聲明浩蓉，this,arguments
console.log(a) //undefined
var a = 100
fn('zhangsan') //'zhangsan' 20
finction fn(name) {
age = 20
console.log(name, age)
var age
}
this
this要在只執(zhí)行時才能確認(rèn)值，定義時無法確認(rèn)
var a = {
name: 'A',
fn: function () {
console.log(this.name)
}
}
a.fn() //this === a
a.fn.call({name: 'B'}) //this === {name: 'B'}
var fn1 = a.fn
fn1() //this === window
作為構(gòu)造函數(shù)執(zhí)行
作為對象屬性執(zhí)行
作為普通函數(shù)執(zhí)行
call apply bind
\\構(gòu)造函數(shù)
function Foo(name) {
this.name = name //this先賦值成空對象this={}
}
var f = new Foo('zhangsan')
\\對象屬性
var obj = {
name: 'A',
printName： function() {
console.log(this.name)
}
}
obj.printName() //this === obj
//普通函數(shù)
function fn() {
console.log(this)
}
fn() //this == window
//call apply bind
function fn1(name) {
alert(name)
console.log(this)
}
fn1.call({x:100}, 'zhangsan') //this === {x:100}
bind要用在函數(shù)表達(dá)式中
作用域
js沒有塊級作用域
只有函數(shù)和全局作用域
//無塊級作用域
console.log(name)
if (true) {
var name = 'zhangsan'
}
console.log(name)
//函數(shù)和全局作用域
var a = 100
function fn() {
var a = 200
console.log('fn', a)
}
console.log('global', a)
fn()
作用域鏈
var a = 100
function fn() {
var b = 200
// 當(dāng)前作用域沒有定義的變量垂睬，即“自由變量”
//當(dāng)前作用域沒有定義的，要去父級作用域?qū)ふ遥瘮?shù)在哪定義，在哪找父級作用域
console.log(a)
console.log(b)
}
fn()
作用域鏈就是自由變量不斷的向父級作用域?qū)ふ?/p>
var a = 100
function F1() {
var b = 200
function F2() {
var c = 300
console.log(a)
console.log(b)
console.log(c)
}
F2()
}
F1()
閉包
function F1() {
var a = 100
// 返回一個函數(shù)(函數(shù)作為返回值)
return function () {
console.log(a) //自由變量院溺，父作用域?qū)ふ? }
}
//f1得到一個函數(shù)
var f1 = F1()
var a = 200
f1() //100
閉包使用場景
1.函數(shù)作為返回值(上一個demo)
2.函數(shù)作為參數(shù)傳遞
function F1() {
var a = 100
// 返回一個函數(shù)(函數(shù)作為返回值)
return function () {
console.log(a) //自由變量，父作用域?qū)ふ? }
}
var f1 = F1()
function F2 (fn) {
var a = 200
fn()
}
F2(f1) //100
說一下對變量提升的理解
變量定義
函數(shù)聲明(注意和函數(shù)表達(dá)式的區(qū)別)
說明this幾種不同的應(yīng)用場景
作為構(gòu)造函數(shù)執(zhí)行
作為對象屬性執(zhí)行
作為普通函數(shù)執(zhí)行
call apply bind
創(chuàng)建10個<a>標(biāo)簽磅轻，點(diǎn)擊的時候彈出來對應(yīng)的序號
//正確方法
var i
for (i = 0; i < 10; i++) {
//自執(zhí)行函數(shù)珍逸，就是不用調(diào)用逐虚，只要定義完成，立即執(zhí)行的函數(shù)
(function(i) {
var a = document.createElement('a')
a.innerHTML = i + '<br>'
a.addEventListener('click', function(e){
e.preventDefault()
alert(i)
})
document.body.appendChild(a)
})(i) //傳入?yún)?shù)
}
//錯誤方法
var i, a
for (i=0; i<10; i++) {
a = document.createElement('a')
a.innerHTML = i + '<br>'
a.addEventListener('click', function(e) {
e.preventDefault()
alert(i) //自由變量弄息，要去父作用域獲取值
})
document.body.appendChild(a)
}
無論點(diǎn)擊哪個數(shù)字出來的都是10
如何理解作用域
自由變量
作用域鏈，即自由變量的查找
閉包的兩個場景
實(shí)際開發(fā)中閉包的應(yīng)用
//閉包實(shí)際應(yīng)用中主要用于封裝變量勤婚，收斂權(quán)限
function isFristLoad() {
//_表示私有變量
var _list = []
return function (id) {
if (_list.indexOf(id) >= 0) {
return false
} else {
_list.push(id)
return true
}
}
}
//使用
var firstLoad = isFristLoad()
firstLoad(10) //true
firstLoad(10) //false
firstLoad(20) //true
//你在 isFirstLoad 函數(shù)外面摹量，根本不可能修改 掉 _list 的值
