Underscore.js 源码学习笔记（上）_程序笔记

_ 是一个构造函数，传入的对象如果已经是 _ 实例就直接返回

我们知道当我们通过 new foo() 创建对象时会创建一个新的对象，然后将它的原型链绑定为 foo.propotype ，然后把这个对象作为 foo 调用的this，如果 foo 没有返回值的话，就返回这个对象。

所以通过 _ 可以判断是否是构造调用（是否加 new）如果不是的话就手动加一个 new 调用一次。

因为 node 环境中会有 exports 变量，由此判断是在浏览器还是服务端。服务端的话就导出 _ ，否则在根元素上添加 _ 变量。

optimizeCb = ntext) { { ntext,arguments); }; };

那为什么要分那么多情况呢？因为比慢，而且某些情况下，还会慢很多。

至于 0 是什么，void + 表达式会返回 undefined 这个算常识吧。而不使用 undefined 因为在某些老的浏览器中 undefined 可以被赋值，出于兼容性考虑。

首先 TinIteratee 就是一个用来判断是否被用户改变的临时变量，没有其他用处。

好了现在知道不是正序写的了哭唧唧先不看是什么鬼东西了反正看名字肯定是一个扩展对象的函数

首先看 ismatch ，相当于 ject.keys ， smatch 就是判断 attrs 中的 key 是否在 object 中都存在且对应的值都相等。

那么就是设定 attrs 返回函数。返回的函数传入 obj 看其是否符合 attrs。

如果传入的不是数组，就返回获取对象属性path的值的函数，如果传入一个数组，就返回获取对象属性[path]对应的值的函数。

相当于 ES6 的剩余参数，从 Tindex 开始的所有参数当做一个数组传入。分情况使用 call 还是上面提到的效率问题。

{ arr.reduce((previous,current) =>{ previous +); }

var restArgumentsWrapperSum = restArguments(sum);

console.log(restArgumentsWrapperSum(1,2,3));

相当于手动实现了一个 ject.create 利用了上面不知道什么用空函数 Ctor 。

Ctor 没有加括号，在构造调用的时候，如果不传入参数，可以不加括号。相当于 Ctor() 。

ject.create(foo) 就是创建一个对象对象的 [[Prototype]] 为 foo.prototype，这里通过 new 实现。结束之后再将 Ctor 的 protottype 赋值为 null 。

就是使用了 ject.prototype.hasOwnProperty 判断对象 obj 是否存在属性 path

如果一个对象有属性，属性值为数字且在 [0,2^53-1] 之间，则判断这个对象为类数组。

这个函数相当于实现了 ES 的 forEach，传入（类）数组就遍历对每一项执行传入的函数，如果传入的是对象就对每一个键值对执行

{ console.log('类数组 --->'); _.each(arguments,{ console.log(`item=${item},idx=${idx},arr=${JSON.Stringify(arr)},=${); },'上下文'); console.log('对象 --->'); obj = { k: 'v',kk: 'vv' ['k','kk'] _.each(obj,{ console.log(`value=${value},key=${key},obj=${JSON.Stringify(obj)},'上下文'); }

foo('one',[2],{ three: false });

// 类数组 --->
// item=one,idx=0,arr={"0":"one","1":[2],"2":{"three":falsE}},this=上下文
// item=2,idx=1,this=上下文
// item=[object Object],idx=2,this=上下文
// 对象 --->
// value=v,key=k,obj={"k":"v","kk":"vv"},this=上下文
// value=vv,key=kk,this=上下文

这个和上面实现和功能差不多，无非两个循环放到一起写了，且对每一项执行传入函数后都有了返回值，并返回这些返回值组成的数组。

reduce的实现，通过传入 +1/-1 可以返回正向/反向 reduce ，返回函数的函数称作高阶函数 createReduce 就是。

源码倒是不难理解。不过 reduce 的实现可以参考一下。手写代码什么的。。。

ntext) 如果 obj 不是类数组， keyFinder 就是 _.findKey 进入 _.findKey 先将 preDicate 赋值为 cb(preDicate,context) 如果 preDicate 是函数就获得 preDicate.bind(context) 如果 preDicate 是 Dicate 是对象且不是数组就获得 _.matcher(value) 这个上面看过就是一个判断传入对象是否符合 value 的函数以上都不符合获得 _.property(value) 就是获取一个对象属性为 value 的值的函数 (obj) =>Dicate 返回对用属性名如果 obj 是类数组， keyFinder 就是 _.findIndex 进入 _.findIndex 先将 preDicate 赋值为 cb(preDicate,context) 过程同上遍历 obj 每一项如果该项符合 preDicate 就返回下标获取了第一个符合条件的属性名或下标，然后获取对应属性值。

// =========以下几个例子便于理解；=========

var obj = {
a: '2333',b: 666,c: 10086,d: { propertyName: 'mdzz' }
};
var arr = ['2333',666,10086,{ propertyName: 'mdzz' }];

/ 获取 number 类型的值 /
function preDicate(item,arr) { return typeof item === 'number'; }

console.log( .find(obj,preDicatE) ) // preDicate 是函数，获取 obj 中第一个属性值类型为数字的值 > 666
console.log( .find(obj) ) // 没有传入 preDicate 就是 .identity 对于每一个 truly 值都符合所以返回第一个值 > '2333'
console.log( .find(obj,{ propertyName: 'mdzz' }) ) // preDicate 是对象，查找符合对象的值 > { propertyName: 'mdzz' }
console.log( .find(obj,'propertyName') ) // preDicate 字符串，获取含有对应属性的值 > { propertyName: 'mdzz' }

console.log( .find(arr,preDicatE) ) // 666
console.log( .find(arr) ) // '2333'
console.log( .find(arr,{ propertyName: 'mdzz' }) ) // { propertyName: 'mdzz' }
console.log( _.find(arr,'propertyName') ) // { propertyName: 'mdzz' }

看到这里已经能理解 underscore 的这个逻辑了，如果是对象就 _.keys(obj) 遍历key,如果是 isLikeArray 就遍历下标。

_.each 就是对遍历的每一项执行传入函数。_.filter 就是执行传入函数后返回 true 项的放入返回对象。

_.negate 将传入函数返回值取反，_reject 就是反向 _filter 所有不符合 preDicate 的项放入返回数组返回。

首先 sortedIndex 二分查找符合 iteratee 的下标。是对有序的数组进行查找。注意返回的是 iteratee(obj) <= iteratee(idX) 的最小下标 idx 查找不到的时候不返回 -1

guard 存在的时候就一定是从 0 开始查找（不知道加这个参数是出于什么考虑

_.invoke 首先通过 restArguments 将函数包裹起来会将多余的参数作为一个数组 args 统一传入

判断 path 是否是一个函数如果是数组的话就获取数组的除最后一项的所有项作为 contextPath 然后获得最后一项为 path 重新赋值

如果 path 是函数的话就分别以 obj 的每一项作为 this 调用 path 参数为 ...args

否则获取到 obj 每一项中对应 path 的属性值然后每一项作为 this 调用该属性值参数为 ...args

_.find 查找的是第一个所以区别就是上面查找所有符合的项组成的数组，这个返回的是符合 attr 的第一项。没有就是 undefined

如果传入比较函数（iteratee）就用该函数对每一项进行处理，返回处理值最大那一项。（注意返回的原元素而不是经过 iteratee 处理后的）

如果不传就直接比较。注意他判断了 value != null 所以 null 和 undefined 是不参与比较的。（null > -1 值为 true）

如果是传入比较函数的时候，初始值和计算值设为，通过判断来确定是不是初始状态，但是感觉这样会有 bug 看了下讨论区确实有人提了，还没有被解决。

Underscore.js 源码学习笔记（上）

大佬总结