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

发布于 2022-09-01 15:58:03 字数 292 浏览 24 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

喵星人汪星人 2022-09-08 15:58:03

这句if (!(this instanceof )) return new _(obj);
针对于不用new直接
()的情况,保证会返回一个underscore实例,
而在new的时候,this指向新生成的实例,所以this._wrapper=obj,就将参数obj赋值于实例的_wrapper属性了

简单气质女生网名 2022-09-08 15:58:03

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;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文