javascript - 看过underscore.js源码的人,谁能告诉我 _ 是怎么在外部引用的?
PHP中文网
PHP中文网 2017-04-11 11:12:11
[JavaScript讨论组]

正在拜读underscore.js源码, 但一直搞不清 _ 是如何在外部引用的。 我试着写了一个,但在外面引用时显示undefiend.(因为闭包),但underscore是如何做到可以在外面直接使用的?
下面是源码:

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

我用uderscore.js是直接<script src="underscore.js"></script> 的。也没有new _()这一步,也可以正常使用underscore.这又是为什么?

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
黄舟

underscore的前面你可以看到这一段代码:

(function() {
  var root = typeof self == 'object' && self.self === self && self ||
      typeof global == 'object' && global.global === global && global ||
      this;
    
  // 省略一些代码   
    
  var _ = function(obj) {
    if (obj instanceof _) return obj;
    if (!(this instanceof _)) return new _(obj);
    this._wrapped = obj;
  };

  if (typeof exports != 'undefined' && !exports.nodeType) {
    if (typeof module != 'undefined' && !module.nodeType && module.exports) {
      exports = module.exports = _;
    }
    exports._ = _;
  } else {
    root._ = _;
  }

  // 省略一些代码
})();

那个root变量就是用来判断当前是什么环境的,区分 Node 和 browser ,接着往下看判断不是 Node 环境之后就直接在root变量上面声明了。而且root在赋值前也做了一些判断,self在 borwser 下面是指向 window,所以你可以直接用 script 标签引入 js 文件然后就可以用_来调用方法。

而且,源码的注释也表明了。

迷茫

如果你再认真往下看两行,你就成功了:

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号