欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js匿名函数和闭包

程序员文章站 2022-06-09 15:56:18
...
//普通函数
function box() {
	return 'Lee';
}
alert(box());

//匿名函数
function () {				//单独的匿名函数,是无法运行的
	return 'Lee';			//就算能运行,也无法调用,因为没有名称
}

//把匿名函数赋值给变量
var box = function () {
	return 'Lee';
};

alert(box());


//通过自我执行来执行匿名函数
(function () {					//(匿名函数)();	第一圆括号放匿名函数,第二个圆括号执行
	alert('Lee');
})();


(function () {
	alert('Lee');
})();


//把匿名函数自我执行的返回值赋给变量
var box = (function () {
	return 'Lee';
})();

alert(box);

//自我执行后用alert()打印
alert((function () {
	return 'Lee';
})());

//自我执行匿名函数的传参

(function (age) {
	alert(age);
})(100);


//函数里放一个匿名函数
function box() {
	return function () {				// 闭包
		return 'Lee';
	}
}
alert(box()());

function box() {
	return function () {				// 闭包
		return 'Lee';
	}
}

var b = box();
alert(b());


//通过闭包返回局部变量
function box() {
	var age = 100;
	return function () {
		return age;
	};
}

alert(box()());

//使用全局变量进行累加
var age = 100;
function box() {
	age++;
}
alert(age);
box();
alert(age);
box();
alert(age);


//使用局部变量进行累加
function box() {
	var age = 100;
	age++;
	return age;
}
alert(box());
alert(box());
alert(box());
alert(box());alert(box());

//使用匿名函数实现局部变量驻留内存中从而累加

function box() {
	var age = 100;
	return function () {
		age++;
		return age;
	};
}
var b = box();
alert(b());
alert(b());
alert(b());
alert(b());
//alert(age);
b = null;			//解除引用,等待垃圾回收
alert(b());



//循环里的匿名函数的取值问题

function box() {
	var arr = [];
	
	for (var i = 0; i < 5; i ++) {
		arr[i] = function () {					//arr[0] = 0,arr[1] = 1 .... arr[4]  = 4
			return i;
		};
	}
	
	//循环已经执行完毕了,i最终是4++ = 5 ,那么最终就是5
	
	return arr;
}

//alert(box()[0]);
var b = box();
//alert(b.length);
for (var i = 0; i < 5; i ++) {
	alert(b[i]());
}

//改0
function box() {
	var arr = [];
	
	for (var i = 0; i < 5; i ++) {
		arr[i] = i;
	}
	
	return arr;
}

var b = box();
for (var i = 0; i < 5; i ++) {
	alert(b[i]);
}

//改1
function box() {
	var arr = [];
	
	for (var i = 0; i < 5; i ++) {
		arr[i] = (function (num) {						//通过自我及时执行匿名函数
			return num;
		})(i);
	}
	
	return arr;
}

var b = box();
for (var i = 0; i < 5; i ++) {
	alert(b[i]);
}

//改2
function box() {
	var arr = [];
	
	for (var i = 0; i < 5; i ++) {
		arr[i] = (function (num) {
			//num其实在这里	
			return function () {				//因为闭包可以将变量驻留在内存中,和上一节课的累加是一个道理
				return num;
			}
		})(i);
	}
	
	//已经执行完毕了,num为什么可以0,1,2,3,4
	
	return arr;
}

var b = box();
for (var i = 0; i < 5; i ++) {
	alert(b[i]());
}
var b = function () {
	alert('Lee');
}();


function box() {
	var arr = [];
	
	for (var i = 0; i < 5; i ++) {
		arr[i] = function (num) {
			return function () {				//因为闭包可以将变量驻留在内存中,和上一节课的累加是一个道理
				return num;
			}
		}(i);
	}
	
	//已经执行完毕了,num为什么可以0,1,2,3,4
	
	return arr;
}

var b = box();
for (var i = 0; i < 5; i ++) {
	alert(b[i]());
}


//关于this对象

var box = {
	getThis : function () {
		return function () {
			return this;
		}
	}
};


alert(box.getThis()());


var user = 'The Window';

var box = {
	user : 'The Box',
	getUser : function () {
		//这里作用域的this是Box
		var that = this;
		return function () {
			//这里作用域的this是window
			return that.user;
		}
	}
};

//alert(box.getUser()());
//对象冒充
//alert(box.getUser().call(box));
alert(box.getUser()());



function box() {
	var oDiv = document.getElementById('oDiv');
	var text = oDiv.innerHTML;
	oDiv.onclick = function () {
		alert(text);
	};
	oDiv = null;					//解除引用,等待垃圾回收
	alert(oDiv);
}
box();


//块级作用域(私有作用域)

function box() {
	for (var i = 0; i < 5; i ++) {			//块级作用域(JS没这个东西)
		
	}
	alert(i);
}

box();

function box() {
	for (var i = 0; i < 5; i ++) {			//块级作用域(JS没这个东西)
		
	}
	var i = 111;					//就算重新声明,也不会影响之前声明初始化的数据
	alert(i);
}

box();

//使用块级作用域(私有作用域)

function box() {
	(function () {								//包含自我执行的匿名函数,就可以实现私有作用域
		for (var i = 0; i < 5; i ++) {		
			alert(i);
		}
		// 这里面用了a,b,c等变量
	})();		被销毁了	

		//这里可以继续似乎用a,b,c等变量,和上面的a,b,c完全没有联系
	//出了这个私有作用域,变量立即被销毁
	alert(i);								//这里就不认识了
}

box();

//全局变量

var age = 100;

alert(age);

age = null;

//私有作用域来表示

(function () {
	//这里就是全局的私有作用域
	var age = 100;
	alert(age);
})();



(function () {
	var a;
	var b;
})():


//私有变量

function box() {
	var age = 100;			//私有变量
}

box();

function Box() {
	this.age = 100;					//属性,公有的
	this.run = function () {		//方法,公有的
		return '运行中...';
	};
}

var box = new Box();
alert(box.age);
alert(box.run());

function Box() {
	var age = 100;					//私有变量
	function run() {				//私有函数
		return '运行中...';
	}
	this.publicGo = function () {		//对外可见的公共接口,特权方法
		return age + run();
	};
	this.getAge = function () {
		return age;
	}
}

var box = new Box();
alert(box.getAge());

//通过构造函数传参

function Box(value) {
	var user = value;				//私有变量
	this.getUser = function () {
		return user;
	};
}

var box = new Box('Lee');
alert(box.getUser());

var box2 = new Box('kkk');
alert(box.getUser());


function Box(value) {
	var user = value;				//私有变量
	this.getUser = function () {
		return user;
	};
	this.setUser = function (value) {
		user = value;
	}
}

var box = new Box('Lee');
alert(box.getUser());
box.setUser('OOO');
alert(box.getUser());

function Box(value) {
	var user = value;				//私有变量
	this.getUser = function () {
		return user;
	};
	this.setUser = function (value) {
		user = value;
	}
}

var box = new Box('Lee');
alert(box.getUser());

var box2 = new Box('kkk');
alert(box.getUser());

(function () {
	var user = ''				//私有变量
	//function Box() {}		//构造函数,但在函数里写构造函数,不支持,因为私有作用域里的函数,外部无法访问
	Box = function (value) {//全局,构造函数
		user = value;
	};
	Box.prototype.getUser = function () {
		return user;
	};
	Box.prototype.setUser = function (value) {
		user = value;
	}
})();

var box = new Box('Lee');		//第一次实例化
alert(box.getUser());
var box2 = new Box('kkk');		//第二次实例化
alert(box.getUser());
box2.setUser('OOO');
alert(box.getUser());

//什么叫单例,就是永远只实例化一次,其实就是字面量对象声明方式

var box = {					//第一次实例化,无法第二次实例化,那么就是单例
	user : 'Lee',
	run : function () {
		return '运行中..';
	}
};


var box = function () {
	var user = 'Lee';				//私有变量
	function run() {				//私有函数
		return '运行中...';	
	}
	return {
		publicGo : function () {		//对外公共接口的特权方法
			return user + run();
		}
	};
}();

alert(box.publicGo());


var box = function () {
	var user = 'Lee';				//私有变量
	function run() {				//私有函数
		return '运行中...';	
	}
	var obj =  {
		publicGo : function () {		//对外公共接口的特权方法
			return user + run();
		}
	};
	return obj;
}();

alert(box.publicGo());

//之前两个,都是返回的{} 也就是Object,那么我想返回自定义的呢?Box,Desk



function Desk() {}


var box = function () {
	var user = 'Lee';				//私有变量
	function run() {				//私有函数
		return '运行中...';	
	}
	var desk = new Desk();
	desk.publicGo = function () {
		return user + run();
	};
	return desk;
}();


alert(box.publicGo());
相关标签: JavaScript

上一篇: ViewPager

下一篇: linux判断root用户