underscore 1.8 包装函数没看懂,求大神解释
var _ = function(obj) {
if (obj instanceof _) return obj;
if (!(this instanceof _)) return new _(obj);
this._wrapped = obj;
};
上面是underscore里面的一段代码,想知道_wrapped是怎么添加到生成的实例上的,我怎么感觉这个函数里的第三行始终都不会执行,但是在浏览器中试过了,_wrapped的确是加到实例上了,想知道为什么?求详解解释,谢谢各位。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这句if (!(this instanceof )) return new _(obj);
针对于不用new直接()的情况,保证会返回一个underscore实例,
而在new的时候,this指向新生成的实例,所以this._wrapper=obj,就将参数obj赋值于实例的_wrapper属性了
underscore里面的函数支持两种方式调用, 即_.myFunc(..) 或者 _(..).myFunc(..), 例如:
_.each([1,2,3], function(x){ alert(x)});
_([1,2,3]).each(alert);
他们是一样的。(具体见_.mixin方法)
前者叫做函数式编程风格,后者叫做面向对象编程(oop)风格。
那么这个函数就用于支持oop风格的调用方式。
仔细来看这个函数,假如我们执行_([1,2,3]),那么第一次调用,obj指的是[1,2,3],第一行返回false. 第二行,其中的this指的是window对象,不是_的实例,返回false,取反为true,执行new _(obj), 第二次调用这个函数,不过此时是作为构造函数执行的。构造函数的执行过程如下:
所以此时的this就已经是_的实例了,!(this instanceof _)==false,直接执行了最后一行:this._wrapped = obj;