javascript - js中单例模式疑惑
问题描述
以下代码
function Universe() { // 缓存的实例 var instance = this; // 其它内容 this.start_time = 0; this.bang = 'Big'; // 重写构造函数 Universe = function () {return instance; };}// 测试var uni = new Universe();var uni2 = new Universe();uni.bang = '123';console.log(uni === uni2); // trueconsole.log(uni2.bang); // 123
点击查看原文
问题:
new Universe()的过程是:var o = {};Universe.call(o);//这一步是将Universe中this对应的属性赋值给o;o.__proto__ = Universe.prototype;//将Universe原型上的方法赋值到o的__proto__属性上;
那么 var instance = this;中,this是不是指的是不同的对象o?那么重写构造函数后,返回的instance不就是不同的对象吗?为什么最后能相等
问题解答
回答1:因为重写了构造函数后, 返回一个对象, 这个对象会覆盖你 用new 构造函数生成的那个对象,不知道我有没有说清楚
回答2:@mpccc 说的对。
如果构造函数返回一个对象,那 new 出来的就是这个对象啦。
可以看看秘密花园中的构造函数这一段
回答3:我也是新手,尝试解答一下,要是错了可别怪我
第一 this是不是指的是不同的对象 在第一次调用构造函数的时候 产生一个空的对象 并且函数内部的this指向了这个空对象,接着执行代码,最后返回这个对象 也就是uni。
而在第二次调用的时候由于第一次函数的改写,产生了一个闭包,这个闭包的内部的instance正好指向了第一次调用时的产生的对象uni,当第二次执行new Universe()的时候你执行的是一个闭包,也会产生一个空的对象,但那个对象并没有用到它,反而是直接返回了闭包内部的instance也就是uni。
所以uni2 === uni.
回答4:偏个题,这样写单例模式有点多余,要创建唯一的对象不用非得造个构造函数
var single = function(fn){ var instance; return function(){ return instance || (instance = fn .apply(this, arguments)); } }; 回答5:
不是注释写了吗,重写了构造函数啊,你new了一次之后再new就没有var instance = this;这行代码了,instance自然就不变了
//简单打印一下就知道了console.log(Universe)var uni = new Universe()console.log(Universe)回答6:
首次执行new Universe()的时候,确实产生了一个新的this,并且将Universe构造函数改写了,之后再次调用这个new Universe()的时候,就只会return instance了,不会产生新的对象了。
相关文章:
1. javascript - 怎么实现点击按钮后,在新的标签页播放视频?2. python - celery beat 调度如何运行期间动态添加任务?3. MYSQL 运算的问题4. html5 - H5 audio 微信端 在IOS上不能播放音乐5. 请问老师,我导入模板后按视频讲解操作,css跟js还是下载不出来,这个问题能怎么解决?6. 在应用配置文件 app.php 中找不到’route_check_cache’配置项7. javascript - JS用ajax爬取百度外卖店家信息8. mongodb可以导出数据到excel吗?9. javascript - 百度地图一开始设置了中心点,怎么通过按钮在调转到对应的中心点????10. android - ionic应用打包部署了,但是连接不上服务器,就连写一个a标签链接到百度都不可以

网公网安备