1. 什么是闭包?
这个问题会放到后面回答. 这里先提出大家在编程的时候常见的几个其他问题
- 全局变量都会自动直接放到全局对象上, 这样会导致全局对象受到变量污染, 大家有解决方案吗?
答: 可以对耦合比较强的代码片段放到 "匿名自执行函数" 里 - 如果在处理的时候, 想针对有些函数处理的中间结果做缓存,有没有好的解决思路?
答: 可以封装一个对象,然后全局保持这个对象的引用, 处理中间结果放到对象内部 - 可以让 JavaScript 实现面向对象编程吗?
答: 在创建的对象里, 对象的属性是无法被外部访问的, 而是由对象提供的外部可访问的方法.
闭包 :
在 JavaScript 中, 函数是对象, 对象是属性的集合. 当我们在函数内部创建一个内部函数, 然后在函数内部可以保持当前函数执行的运行状态, 然后把内部函数传给外部用来调用, 这就是闭包概念.
2. 闭包的使用场景
2.1 : 创建匿名自执行函数
示例会为 Global 对象进行属性和方法的初始化, 初始化过程中创建的变量或者方法对应的临时变量都会随着 匿名自执行函数(闭包) 执行结束而销毁
var Global = {};
(function(global){
var qa = navigator.userAgent;
if(typeof qa != 'undefined'){
global.qa = qa;
}
var print = function(x){
console.log("the print result :" + x);
}
global.print = print;
})(Global)
Global.print(Global.qa);
执行结果:
执行场景
2.2 实现面向对象编程
在函数 Student 中, score 只是其一个局部变量, 由于Student执行结果被持有, 所以 函数Student执行时的执行状态被保留下来了, 只能通过 getScore 去获取 score 而且也可以通过 setScore 去修改 score, 但不能直接通过 student 对象做任何操作
var Student = function(){
this.score = 11;
return {
getScore: function(){
return score;
},
setScore: function(newScore){
score = newScore;
}
}
};
var student = Student();
console.log(student.score);
console.log(student.getScore());
student.setScore(66)
console.log(student.getScore());
var studentObject = new Student();
//仍然是 undefined, 因为执行构造函数,也是根据构造函数的返回去覆盖实际对象
console.log(studentObject.score);
执行结果:
2.3 缓存
function Student(){
this.id = -1;
this.name = undefined;
}
var SearchStudentData = (function(){
var cache = new Array;
var size = 0;
return {
searchStudent : function(id){
var item = cache[id];
if(typeof item == 'undefined'){
item = new Student;
item.id = id;
item.name = "student_" + (size++);
cache[item.id] = item;
}
return item;
}
}
})();
console.log(SearchStudentData.searchStudent(1).name);
console.log(SearchStudentData.searchStudent(1).name);
执行结果:
第二次输出结果命中结果
