1、什么是闭包?
闭包(closure)是指能访问其他函数作用域下的变量的函数。函数体内的局部变量是不能在函数外面调用的,只有函数的子函数可以调用,所以闭包可以理解成定义在函数内部的函数。
2、闭包的作用?
延申变量的作用范围。
function fn() {
var num = 10;
function fun() {
console.log(num);
}
return fun; }
var f = fn();
f();
var foo = 'bar';
3、闭包案例
- 利用闭包的方式得到当前li 的索引号
// 利用for循环创建了4个立即执行函数
// 立即执行函数也成为小闭包因为立即执行函数里面的任何一个函数都可以使用它的i这变 量
for(var i=0; i<lis.length; i++){
(function(i) {
lis[i].onclick = function() {
console.log(i);
} })(i);
}
- 闭包应用-3秒钟之后,打印所有li元素的内容
for (var i = 0; i < lis.length; i++) {
(function(i) {
setTimeout(function() {
console.log(lis[i].innerHTML);
}, 3000)
})(i);
}
- 闭包应用-计算打车价格
/*需求分析 打车起步价13(3公里内), 之后每多一公里增加 5块钱. 用户输入公里数就可以计算打车 价格 如果有拥堵情况,总价格多收取10块钱拥堵费*/
var car = (function() {
var start = 13; // 起步价 局部变量
var total = 0; // 总价 局部变量
return {
// 正常的总价
price: function(n) {
if (n <= 3) {
total = start;
} else {
total = start + (n ‐ 3) * 5
}
return total;
},
// 拥堵之后的费用
yd: function(flag) {
return flag ? total + 10 : total;
} }
})();
console.log(car.price(5)); // 23
console.log(car.yd(true)); // 33
4.易错面试题:求下列的打印结果
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
return function() {
return this.name;
};
} };
console.log(object.getNameFunc()())
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
var that = this;
return function() {
return that.name;
};
} };
console.log(object.getNameFunc()())