underscore.js 源码学习读书笔记（一）

lx1036 发布于2019-08-23 17:01 / 2408人阅读

摘要：所以经常会在一个源码中看到写法吧立即执行函数创建变量，保存全局根变量。

// ================立即执行函数================
// 使用(function(){}())立即执行函数，减少全局变量
// ----????----函数声明 function (){} 与函数表达式 var funName = function(){}----????----
// function(){}() 结果会返回Uncaught SyntaxError: Unexpected token (
// 因为此处，编译器会将function当做函数声明关键字去编译，而(并不可以当做函数名
// (function(){}()) 可以正常执行
// 此处function 被挡住表达式编译
// ----????----函数声明 function (){} 与函数表达式 var funName = function(){}----????----
// ~function(){}()/+function(){}()/-function(){}()/!function(){}() 
// true && function(){}()
// 0,function(){}
// 以上三种情况下，function都会被当成表达式去编译。
// 所以经常会在一个源码中看到~function写法吧// 
// ================立即执行函数================

(function(){}(
    // 创建root变量，保存全局根变量。
    // 浏览器window
    // 服务器global，部分虚拟机this
    // WebWorker中为self    
// ================&& ||操作================
// 逻辑与&& 的优先级高于 逻辑非||
// 逻辑与&&为断路逻辑，
// 任何一个值var Boolean(var)==false,立即返回var，否则返回最后一个值
// 逻辑非||为短路逻辑，
// 任何一个值var Boolean(var)===true，立即返回var，，否则返回最后一个值
// ================&& ||操作================
    var root = typeof self == "object" && self.self === self && self || typeof global == "object" && global.global === global && global || this || {};
    
    // 保存已存在的全局中_变量，以便避免变量冲突
    var previousUnderscore = root._;
    
    // Naked function reference for surrogate-prototype-swapping.
    // https://stackoverflow.com/questions/30496650/what-is-surrogate-prototype-swapping-in-javascript
    // 关于surrogate-prototype-swapping是什么的理解：
    // Ctor就是一个裸函数，本身并没有什么特别的，特别之处在于用途
    // Ctor用于在baseCreate函数中暂存要继承的原型对象，并构造一个新的对象
    var Ctor = function() {}; 
     var nativeCreate = Object.create;
    // An internal function for creating a new object that inherits from another.
      // 内部函数，用于构造继承指定对象prototype的新对象
    var baseCreate = function(prototype) {
        if (!_.isObject(prototype)) return {};
        if (nativeCreate) return nativeCreate(prototype);
          //暂存
        Ctor.prototype = prototype;
        var result = new Ctor;
          //销毁
        Ctor.prototype = null;
        return result;
    };
    
    // Create a safe reference to the Underscore object for use below.
    // 创建安全作用域
    var _ = function(obj) {
        //obj在_原型链上
        if (obj instanceof _) return obj;
        //不是，构造一个
        if (!(this instanceof _)) return new _(obj);
        //将underscore对象存在_.wrapped属性上
        this._wrapped = obj;
    };
    
    // Utility Functions
    // -----------------
    // 避免冲突，将原本的_变量重新复制给_
    _.noConflict = function() {
        root._ = previousUnderscore;
        return this;
    };
    
    // Export the Underscore object for **Node.js**, with
    // backwards-compatibility for their old module API. If we"re in
    // the browser, add `_` as a global object.
     // 在nodejs中导出，兼容旧版本
     // nodeTyoe用于检测变量是否为HTML元素
    // (`nodeType` is checked to ensure that `module`
    // and `exports` are not HTML elements.)
    if (typeof exports != "undefined" && !exports.nodeType) {
        if (typeof module != "undefined" && !module.nodeType && module.exports) {
            exports = module.exports = _;
        }
        exports._ = _;
    } else {
        root._ = _;
    }

    // AMD registration happens at the end for compatibility with AMD loaders
    // that may not enforce next-turn semantics on modules. Even though general
    // practice for AMD registration is to be anonymous, underscore registers
    // as a named module because, like jQuery, it is a base library that is
    // popular enough to be bundled in a third party lib, but not be part of
    // an AMD load request. Those cases could generate an error when an
    // anonymous define() is called outside of a loader request.
     // AMD规范导出
    if (typeof define == "function" && define.amd) {
        define("underscore", [], function() {
            return _;
        });
    }

))

服务器托管私有云读书笔记编程思想读书笔记大数据时代读书笔记学习笔记一

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103690.html

《高性能JavaScript》（读书笔记）

摘要：加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块。异步加载，和，浏览器不会失去响应它指定的回调函数，只有前面的模块都加载成功后，才会运行，解决了依赖性的问题。插件，可以让回调函数在页面结构加载完成后再运行。这次主要是对《高性能JavaScript》一书的读书笔记，记录下自己之前没有注意到或者需要引起重视的地方第一章加载和执行 js代码在执行过程中会阻塞浏览...

moven_j 2019-08-21 17:58 评论0 收藏0
Backbone.js学习笔记（一）

摘要：它通过数据模型进行键值绑定及事件处理，通过模型集合器提供一套丰富的用于枚举功能，通过视图来进行事件处理及与现有的通过接口进行交互。本人兼职前端付费技术顾问，如需帮助请加本人微信hawx1993或QQ345823102，非诚勿扰 1.为初学前端而不知道怎么做项目的你指导 2.指导并扎实你的JavaScript基础 3.帮你准备面试并提供相关指导性意见 4.为你的前端之路提供极具建设性的...

FrancisSoung 2019-08-21 10:21 评论0 收藏0
如何学JavaScript

摘要：书籍如下面向对象编程指南，风格轻松易懂，比较适合初学者，原型那块儿讲得透彻，种继承方式呢。还有另一件事情是，比如发现自己某个知识点不太清楚，可以单独去百度。作者：小不了链接：https://zhuanlan.zhihu.com/p/...来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。鉴于时不时，有同学私信问我（老姚，下同）怎么学前端的问题。这里统一回...

light 2019-08-21 11:23 评论0 收藏0
Underscore.js 1.8.3 学习笔记

摘要：值得注意的是，如果值在前面也就是值小于值，那么值域会被认为是零长度，而不是负增长。 underscore.js源码加注释一共1500多行，它提供了一整套函数式编程实用的功能，一共一百多个函数，几乎每一个函数都可以作为参考典范。初读的时候，真是一脸懵圈，各种函数闭包、迭代和嵌套的使用，让我一时很难消化。在这里，我来记录一下我学习underscore.js的一些发现，以及几个我认为比较经典...

springDevBird 2019-08-20 12:13 评论0 收藏0
前端资源系列（4）-前端学习资源分享&前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0