js闭包初体验

/*
闭包的定义：一个内部函数里变量作用域生命周期延续，直接访问一个函数里面的私有属性
闭包的作用：解决变量作用域延续的问题，同时解决全局变量冲突的问题
*/

//1、定义内部函数，私有函数
function sum(){ //函数是一种数据类型
var a = 100;
//内部函数
function get(){
return a;
}
return get;
}

var count = sum();  //返回的是一种function的数据类型

/*
2.闭包的第二种形态：回调函数,属性和方法的外调,
插件开发中常用，比如经典的jQuery,大公司需要开发的插件等等
*/

function tzEvent(id,event,callback){
var title = "我是一个窗口哦!";
document.getElementById(id)["on"+event] = function(){
console.log(this.innerHTML);
if(callback) callback(title);
};
}

tzEvent("btn","click",function(title){
console.log(title);
});

//3.function是一种数据类型，在调用（）的时候编译和运行函数体的内容
function test(){
var arr = [];
for(var i=0;i<3;i++){
/*
小小作用域，会把function赋值给arr，
但是i值不会return，因为没有被调用
而且i的值最后的结果会被牵引约束
*/
arr[i] = function(){
return i;
}
}
return arr;
}

var arr1 = test();
console.log(arr1[0]()+"---"+arr1[1]()+"---"+arr1[2]());
//结果是  3---3---3 具体运行过程可以再谷歌浏览器控制台debug

/*4.闭包最好的表现形式,是一个及时函数
解决一个全局变量互相牵引或者约束的行为

定义变量，难免会重名，在开发中除非
万不得已的情况是不允许使用全局变量的，
即使使用也需要定义特殊的名字，防止全局污染
*/
(function(b){
var a = 100;
console.log(a+"==="+b)
})(200);

//小结：关于闭包的用法，以后有空再整理出来