作用域:
變量的的生效范圍,如果變量在整個頁面中額可以訪問到砸王,則該變量就是一個全局變量推盛,如果變量只是在某一個范圍內(nèi),則該變量為局部變量谦铃。
作用域:不單獨屬于某一個函數(shù)的變量都是一個全局變量耘成,在任何位置都可以訪問這個變量。
注:在某個函數(shù)中不使用var聲明的變量也是一個全局變量驹闰,不過在嚴(yán)格模式下不支持全局
局部作用域:在函數(shù)中使用var定義的變量都是局部變量瘪菌;
注:在js中塊級(也就是大括號)的概念并不想起其他語言那么完善(ECMAScript6中完善了這個概念;在其他語言中嘹朗,一對大括號的變量就是一個局部變量师妙,但是js中只要一個函數(shù)中定義的變量就是一個局部變量);
經(jīng)典的面試題:
匿名函數(shù):沒有函數(shù)名屹培,可以通過事件來調(diào)用默穴,也可以通過變量調(diào)用怔檩,還可以通過自身來調(diào)用。
<script type="text/javascript">
//具名函數(shù):有函數(shù)名字壁顶,可以通過函數(shù)名來調(diào)用的一種函數(shù)
//匿名函數(shù):沒有函數(shù)名珠洗,可以通過事件來調(diào)用,也可以通過變量調(diào)用若专,還可以通過自身來調(diào)用许蓖。
window.onload = function (){ //事件觸發(fā)
alert("Hello Word!!!");
}
var a = function (){ //通過變量調(diào)用
alert("Hello Word!!!---");
};
a();
//通過自身調(diào)用
(function () {
alert("Hello Word!!!+++");
})(); //函數(shù)的自調(diào)用
</script>
```
匿名函數(shù)的作用:
給事件添加匿名函數(shù);
匿名函數(shù)可以當(dāng)做參數(shù)傳遞调衰;
匿名函數(shù)當(dāng)做返回值返回出去膊爪;
閉包:
作用:
可以通過閉包在外部訪問局部變量;
凡是放在返回函數(shù)中的變量會被提升為全局變量嚎莉,駐留在內(nèi)存中不釋放米酬;
重點:閉包是一種思想, 本質(zhì)是函數(shù)中嵌套函數(shù)趋箩,當(dāng)調(diào)用外部的函數(shù)時赃额,內(nèi)部的函數(shù)不被調(diào)用且被返回出外側(cè)。叫确,只有調(diào)用內(nèi)部函數(shù)的時候內(nèi)部的函數(shù)才能被調(diào)用跳芳,內(nèi)部所用的變量會被駐留。
閉包的練習(xí):
函數(shù)嵌套函數(shù)竹勉,當(dāng)內(nèi)部函數(shù)在定義他的作用域 被外部引用時就創(chuàng)建了該內(nèi)部函數(shù)的閉包飞盆。
<script type="text/javascript">
//讓外部的作用域可以訪問到局部變量
function fn1(){
var a = 12;
function fn2(){
a += 12;
console.log(a);
}
return fn2;
}
//函數(shù)套函數(shù) 吧內(nèi)嵌的函數(shù)返回出來。
var result = fn1(); // result = fn2();
result();
console.log(result);
</script>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function(){
for(var i=1;i<4;i++){
//獲取按鈕
var btn = document.getElementById('btn'+i);//btn 是一個地址;
var arr = ['img/c1.jpg','img/c2.jpg','img/c3 .jpg'];
//num接受i的傳參 是會保留在內(nèi)存中
(function(num){
btn.onmouseover = function(){
console.log("btn"+num);
document.getElementById('img').src = arr[num];
};
})(i);
}
}
</script>
</head>
<body>
<button id="btn1">button1</button>
<button id="btn2">button2</button>
<button id="btn3">button3</button>
<div>
<img src="" id="img">
</div>
</body>
</html>
閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)次乓;