js函数中this是全局变量还是当前对象
来源:互联网 发布:最全生活网络理财投资 编辑:程序博客网 时间:2024/06/05 20:01
问题:在Web项目前端实现时,有两个小功能模块,一方面想自我要求必须面向对象的方式实现,另一方面此功能模块没有相同的模式,不需要用类多次实例化,因此创建一个单例是最好的选择。单例的js实现有多种方式:
1.以对象实现
var singleton = { prop1: "", prop2: [], func1 : function(){}, func2: function(){} }
缺陷是没有构造函数,不能执行初始化方法(用为静态类方法使用还行)
2.匿名函数实现:这是最简单的实现方式,不作任何额外处理,定义类然后立即执行。3.单例的高级实现:控制不允许新的实例对象产生没有考虑第三种,是因为它过于麻烦,为创建单例需要额外花些脚本控制实例的唯一性。采用在第2种方法实现如下://错误的实现var singleton = function(){ // ... return this; }();后面发现,程序运行时,在同一页面的这两个模块互联测试时页面错乱。这两个模块的实现几乎相同,都是init、createHtml、bindEvent等基础方法。调试时发现,这个方法里面的this不是匿名函数object,而是window。经多次测试,才理解this在function中什么时候是全局对象window,什么时候是当前类对象。将function声明的函数,作为函数调用时,它始终都是全局对象(web页面中是window,如在nodejs那可能就是global了);它此函数以new实例化时,其中的this就是object对象。与是否匿名函数无关。知道原因,解决方法就简单了,还是用第2种思路上实现修改一:在前面添加new关键字
<pre name="code" class="javascript">var singleton = new function(){ // ... return this; };
修改二:结合思路1的实现,较思路1纯对象实现好的地方是,本方法可以添加初始化逻辑。
var singleton = function(){ var me = { func1: function(){} }; me.func2= function(){} return me; }();
0 0
- js函数中this是全局变量还是当前对象
- JS全局变量VAR和THIS--在函数内部,加var是局部变量,不加是全局变量
- js中创建对象是,工厂方式与构造函数方式中this的区别
- js 中创建对象 构造函数 this
- this是指当前对象自己
- Java中函数参数是值还是对象的问题
- 验证多线程中同步函数锁是this对象
- JS中this和对象作为函数参数的区别
- js中如何通过单击事件获取当前对象,并传递当前对象到函数中?
- main 函数内的变量是全局变量,还是局部变量?
- js中this对象理解
- 线程锁synchronized (this)锁住的是对象还是方法
- js判断是否是当前点击对象
- js判断是函数还是数组
- js判断当前页面是http还是https
- js判断当前的访问是手机还是电脑
- JS 判断当前的浏览器是Android 还是IOS
- 通过js判断当前访问的是电脑还是手机
- 缺陷:域与静态方法
- 常用的iOS第三方资源
- gson处理泛型的问题
- 使用MediaPlayer的简单音乐播放器功能
- JSP中的九大内置对象
- js函数中this是全局变量还是当前对象
- 2540--第二天--特征值的添加和读写
- NoSQL
- Cocos2d-x 学习日记(一)
- iOS中KVO模式的解析与应用
- 理性选择SQL和NoSQL解决方案
- 自己的CSDN博文阅读量简单分析(至2016年1月)
- 从Java程序猿到产品经理
- 接口与回调