封閉函數(shù)
封閉函數(shù)是javascript中匿名函數(shù)的另外一種寫(xiě)法蛤袒，創(chuàng)建一個(gè)一開(kāi)始就執(zhí)行而不用命名的函數(shù)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封閉函數(shù)</title>
<script type="text/javascript">
/*原來(lái)的寫(xiě)法
function myAlert(){
var str = '歡迎訪問(wèn)我的主頁(yè)';
alert(str);
}
myAlert();*/
var str = function(){
alert('test');
}
//封閉函數(shù)的一般寫(xiě)法
//封閉函數(shù)定義：(function(){……})()
/*
;;(function(){
var str = '歡迎訪問(wèn)我的主頁(yè)';
alert(str);
})();//最后的()表示馬上執(zhí)行
*/
//封閉函數(shù)其他的寫(xiě)法：在匿名函數(shù)前加“皱碘！”或者“~”隐孽，之后加“()”
~function(){
var str = '歡迎訪問(wèn)我的主頁(yè)';
alert(str);
}();
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用變量的方式定義函數(shù)</title>
<script type="text/javascript">
/*
原來(lái)的寫(xiě)法：可以提前
myAlert();
function myAlert(){
alert('hello!');
}*/
//函數(shù)用變量方式定義：先定義再使用
// myalert();//提前會(huì)報(bào)錯(cuò)
var myAlert = function(){
alert('hello!');
}
myAlert();//放在下面可以執(zhí)行
</script>
</head>
<body>
</body>
</html>
閉包
- 什么是閉包
函數(shù)嵌套函數(shù)，內(nèi)部函數(shù)可以引用外部函數(shù)的參數(shù)和變量踢俄，參數(shù)和變量不會(huì)被垃圾回收機(jī)制收回
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>閉包</title>
<script type="text/javascript">
/*
閉包的本質(zhì)就是函數(shù)嵌套晴及，就是在函數(shù)里面定義函數(shù)，
內(nèi)部函數(shù)可以引用外部函數(shù)的參數(shù)和變量
參數(shù)和變量不會(huì)被垃圾回收機(jī)制給回收
閉包的用途：可以存循環(huán)的索引值琳钉、做私有變量計(jì)數(shù)器
*/
/*
//閉包的一般寫(xiě)法
function aa(b){
var a = 12;
function bb(){
alert(a);
alert(b);
}
return bb;
}
var cc = aa(24);*/
//閉包的封閉函數(shù)寫(xiě)法
var cc = (function(b){
var a = 12;
function bb(){
alert(a);
alert(b);
}
return bb;
})(24);
cc();
/*
//只能調(diào)用一次的閉包
(function(b){
var a = 12;
function bb(){
alert(a);
alert(b);
}
return bb;
})(24)();
*/
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>閉包存循環(huán)的索引值</title>
<style type="text/css">
li{
height: 30px;
background-color: gold;
margin-bottom: 10px;
}
</style>
<script type="text/javascript">
//閉包的用途：存循環(huán)的索引值
window.onload = function(){
var aLi = document.getElementsByTagName('li');
// alert(aLi.length);//8
for(var i=0; i<aLi.length; i++){
/*
aLi[i].onclick = function(){
alert(i);//每個(gè)li都彈出8歌懒，因?yàn)辄c(diǎn)擊時(shí)循環(huán)已完畢溯壶，i最后為8
}
*/
(function(k){//這里的k是形參
aLi[k].onclick = function(){
alert(k);//彈出每個(gè)li的索引值
}
})(i);//這里的i是實(shí)參
}
}
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</body>
</html>
