JS创建对象的三种方式和闭包的两种常用场景

最新推荐文章于 2025-06-09 09:31:09 发布

原创最新推荐文章于 2025-06-09 09:31:09 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript中创建对象的三种主要方法：使用new关键字、简单字面量及嵌套字面量，并深入探讨了闭包的两种常见应用场景，包括在循环中存储索引值和实现私有变量计数器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象创建的三种方式

①通过new关键字创建对象

var obj = new Object();
		obj.name = 'daxue';
		obj.age = 28;

		obj.fun = function(){

		}
		alert(obj.age);

②简单字面量

var obj2 = {};
		obj2.name = "ben";
		obj2.sex = "女";
		obj2.fun2 = function(){
			alert(this.name)
		}
		obj2.fun2();

②-①嵌套字面量

var obj3 = {
			name : "bob",
			age : 20,

			fun3:function(){
				// console.log(this.name);
				alert(this.name);
			}
		}
		obj3.fun3();

第三种创建对象的方式

function Person(name,age){
			this.name = name;
			this.age = age;
			this.fun4 = function(){
				return this.name;
			}
		}
		var p = new Person('sonia',19);
		alert(p.name);

闭包的两种的常见应用场景

封闭函数是js中匿名函数的另一种写法,创建一个一开始就执行而不用命名的函数
1、一般函数的定义和执行函数
2、封闭函数的定义和执行：(function(){...})();还可以在函数定义前加上"~"或者"!"符号来定义匿名函数。

/*	(function(){
				.....
			})();
		*/

// 闭包是函数嵌套函数,内部函数可以引用外部函数的参数和变量,参数和
       // 变量不会被垃圾回收机制收回

       // 闭包的应用1: 将一个变量长期驻扎在内存当中,可用于循环中存索引值

window.onload = function(){
			var aLi = document.getElementsByTagName('li');
			for (var i = 0;i<aLi.length;i++){
				//m为形参
				(function(m){
					aLi[m].onclick = function(){
						console.log(m);
					}
				})(i);
			}
		}

// 闭包的用途2: 私有化变量计数器,外部无法访问,避免全局变量的污染

window.onload = function(){
			//封闭函数
			var count = (function (){
				var a =0;
				//闭包(函数嵌套函数)
				function b(){
					a++;
					return a;
				}
				return b;
			})();
			count();
			console.log(count())//输出2
			console.log(count())//输出3
		}