underscore 1.8 包装函数没看懂,求大神解释

 var _ = function(obj) {
    if (obj instanceof _) return obj;
    if (!(this instanceof _)) return new _(obj);
    this._wrapped = obj;
  };

上面是underscore里面的一段代码,想知道_wrapped是怎么添加到生成的实例上的,我怎么感觉这个函数里的第三行始终都不会执行,但是在浏览器中试过了,_wrapped的确是加到实例上了,想知道为什么?求详解解释,谢谢各位。

阅读 4.2k
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风格的调用方式。

var _ = function(obj) {
    if (obj instanceof _) return obj;
    if (!(this instanceof _)) return new _(obj);
    this._wrapped = obj;
  };

仔细来看这个函数,假如我们执行_([1,2,3]),那么第一次调用,obj指的是[1,2,3],第一行返回false. 第二行,其中的this指的是window对象,不是_的实例,返回false,取反为true,执行new _(obj), 第二次调用这个函数,不过此时是作为构造函数执行的。构造函数的执行过程如下:

当代码 new foo(...) 执行时:

1、一个新对象被创建。它继承自foo.prototype.
2、构造函数 foo 被执行。执行的时候,相应的传参会被传入,同时上下文(this)会被指定为这个新实例。new foo 等同于 new foo(), 只能用在不传递任何参数的情况。
3、如果构造函数返回了一个“对象”,那么这个对象会取代整个new出来的结果。如果构造函数没有返回对象,那么new出来的结果为步骤1创建的对象。(一般情况下构造函数不返回任何值,不过用户如果想覆盖这个返回值,可以自己选择返回一个普通对象来覆盖。当然,返回数组也会覆盖,因为数组也是对象。)
https://developer.mozilla.org...

所以此时的this就已经是_的实例了,!(this instanceof _)==false,直接执行了最后一行:this._wrapped = obj;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题