學(xué)習(xí)筆記少欺，僅供參考，如有編誤馋贤，望告知
通俗講 作用域定義：
- 作用域：就好像分封給一塊土地赞别，省，市配乓，縣仿滔，鄉(xiāng)。而作為縣長所發(fā)布的政令犹芹，只能作用于縣和鄉(xiāng)一級別崎页，而市一級別卻沒有用。
- 上下文：上下文就要根據(jù)作用域而言了腰埂，也就是說飒焦，你在鄉(xiāng)一級別想要申請糧食，就要先在自己的鄉(xiāng)找看有沒有屿笼，如果沒有牺荠，那就向縣申請，如果縣也沒有驴一，那就向市申請休雌。
但是，如果縣沒有糧食肝断，不可以向鄉(xiāng)去申請挑辆，只能向市例朱，省去申請。
用代碼來解釋就是：
// 定義省級作用域
var command = '這是province政令';
var name = 'province';
// 定義一個市級作用域
function city () { //一個函數(shù)作用域鱼蝉，或者說一個塊級作用域
// 上下文獲取command
console.log(command) ; //這是province政令
var name = 'city' ;
//定義一個city的政令
var cityCommand = '這是city的政令';
// 定義一個鄉(xiāng)村作用域
return function village () {
var name = 'village'
console.log(command) //這是province政令
console.log(name) //village
}
}
city()(); //執(zhí)行測試
// 省級作用域想執(zhí)行市級作用域的政令
console.log(cityCommand) //cityCommand is not defined "ityCommand 未定義"
- 紅皮書說的很透徹洒嗤。
實際問題(主要是作用域)：
<li>選項一</li>
<li>選項二</li>
<li>選項三</li>
<script>
var lis = document.querySelectorAll('li');
var ps = document.querySelectorAll('p');
for(var i = 0 ; i<lis.length;i++){
lis[i].onclick=function () {
console.log(i) //3
}
}
</script>
//其實在for運行的時候，每運行一次魁亦，就有一個作用域渔隶，但是 i 是全局變量
//所以for運行之后，全局 i 變成 3洁奈，所以打印的就是 3
// 修改如下 es5
<script>
var lis = document.querySelectorAll('li');
var ps = document.querySelectorAll('p');
for(var i = 0 ; i<lis.length;i++){
lis[i].index = i //將 i 存起來
lis[i].onclick=function () {
console.log(this.index) //就是每次的 i 了
}
}
</script>
// es2015或者說 es6
<script>
var lis = document.querySelectorAll('li');
var ps = document.querySelectorAll('p');
for(let i = 0 ; i<lis.length;i++){
lis[i].onclick=function () {
console.log(i)
}
}
</script>
//其中 let 為塊級作用域 间唉，es2015新特性
面試問題：
1）上下文一般配合著 this 出題，就是 加一個 console.log(this.name),擾亂你的想法利术。
2）var function let 有的會出現(xiàn)考題呈野，考察聲明提前，塊級作用域印叁，還有就是變量前什么都不加 name = ’雨涵‘ 被冒，考考你這個name到底聲明到哪里。
(實際開發(fā)的少轮蜕，也就是有些面試有可能會出)
var c = '2'
function a () {
console.log(c) // ???
var c = '3'
function b () {
c = '1'
console.log(c) // ???
c = '4'
}
b()
console.log(c) // ???
}
a()
console.log(c) // ???
友情提示：把不會的東西(有點深度昨悼，或者卡了許久的問題)記錄下來，如果哪天碰到一個給你講東西的面試官跃洛，你就發(fā)達(dá)了率触。
