js简单实现一个new

function _new(){
			    	//获取_new第一个参数,也就是构造函数,是自己传的。
				  var constructor1 = Array.prototype.shift.call(arguments);
				//构造函数.prototype == 实例对象.__proto__
				    var obj = Object.create(constructor1.prototype);
					console.log(obj.__proto__==constructor1.prototype)//true
				//构造函数里的this指向实例对象,result是constructor1也就是构造函数返回值。
					var result = constructor1.apply(obj, arguments);
					console.log(result)//undefined 或者 {name:'youmengting'}
				//返回值是一个对象类型
					return result instanceof Object? result : obj;
				
			}
			
			const Person =function(name){
				this.name=name;
				this.eat = function(){
					console.log(this.name+"爱吃巧克力");
				}
				Person.prototype.run=function(){
					console.log(this.name+"爱跑步");
				}
				// return {
				// 	name:'youmengting'
				// }
			}
			
			let p = _new(Person,'小明');//Person {name: '小明', eat: ƒ}
			p.eat();
			p.run();

 1:创建一个对象 {},
  2:父.prototype == 子.__proto__
  3:构造函数里的this指向实例对象.
  4:返回值是一个对象类型.

<think> 我们将使用JavaScript实现一个简单的单例模式。单例模式是一种设计模式,它确保一个类只有一个实例,并提供一个全局访问点。 常见的实现方式有几种,这里我们展示两种:使用对象字面量和使用类(ES6)的实现。 方法1:对象字面量 这是最简单的方式,直接创建一个对象。 方法2:使用类(ES6)并确保只有一个实例 我们可以在类的构造方法中控制实例的创建。 下面分别给出两种实现,并解释。 </think> 下面是用 JavaScript 实现单例模式的两种常见方式,包含详细代码和解释: ### 方法 1:使用类实现(ES6+) ```javascript class Singleton { constructor() { if (!Singleton.instance) { // 初始化操作 this.data = Math.random(); // 示例数据 Singleton.instance = this; } return Singleton.instance; } // 示例方法 getData() { return this.data; } } // 使用示例 const instance1 = new Singleton(); const instance2 = new Singleton(); console.log(instance1 === instance2); // true console.log(instance1.getData()); // 0.123456 (随机数) console.log(instance2.getData()); // 0.123456 (相同值) ``` **代码解释**: 1. 在构造函数中检查静态属性 `instance` 是否已存在 2. 首次调用时创建实例并赋值给 `Singleton.instance` 3. 后续调用直接返回已存在的实例 4. 通过 `instance1 === instance2` 验证确实是同一个实例 ### 方法 2:使用闭包实现(兼容 ES5) ```javascript const Singleton = (function() { let instance; // 闭包保存的实例引用 function createInstance() { // 私有构造函数 const object = new Object("I am the instance"); object.getData = function() { return Math.random(); // 示例方法 }; return object; } return { getInstance: function() { if (!instance) { instance = createInstance(); } return instance; } }; })(); // 使用示例 const instanceA = Singleton.getInstance(); const instanceB = Singleton.getInstance(); console.log(instanceA === instanceB); // true console.log(instanceA.getData()); // 0.789012 console.log(instanceB.getData()); // 0.789012 (相同值) ``` **代码解释**: 1. 使用 IIFE(立即执行函数)创建闭包环境 2. `instance` 变量被闭包保护,外部无法直接访问 3. 通过 `getInstance()` 方法控制实例创建 4. `createInstance` 是私有构造方法,可包含初始化逻辑 ### 单例模式关键点 1. **唯一性**:确保类只有一个实例存在 2. **全局访问**:提供统一的访问点获取实例 3. **延迟初始化**:实例只在首次请求时创建 4. **线程安全**:在JS单线程环境中天然安全 ### 使用场景 - 全局状态管理(如 Vuex/Redux store) - 日志系统 - 数据库连接池 - 应用程序配置对象
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值