underscore.js源码研究(4)

概述

很早就想研究underscore源码了，虽然underscore.js这个库有些过时了，但是我还是想学习一下库的架构，函数式编程以及常用方法的编写这些方面的内容，又恰好没什么其它要研究的了，所以就了结研究underscore源码这一心愿吧。

underscore.js源码研究(1)
underscore.js源码研究(2)
underscore.js源码研究(3)
underscore.js源码研究(4)
underscore.js源码研究(5)
underscore.js源码研究(6)
underscore.js源码研究(7)
underscore.js源码研究(8)

参考资料：underscore.js官方注释，undersercore 源码分析，undersercore 源码分析 segmentfault

类型判断

对于类型判断，大部分元素可以通过Object.prototype.toString的结果进行判断，包括：Arguments, Function, String, Number, Date, RegExp, Symbol, Map, WeakMap, Set, WeakSet。实例如下：

//判断是否为函数，判断其他的只要把下面的Function改成其它的就可以了
function isFunction (obj) {
    return Object.prototype.toString.call(obj) === '[object Function]';
}

//建立一个函数
var haha = function haha() {
    consolog.log('haha');
}

console.log(isFunction(haha)); //输出true
console.log(isFunction(123)); //输出false

注意，IE9 以前的版本以及早期 V8 引擎对类型判断有一些小bug，underscore.js修复了这些问题，具体可自行查看underscore.js源码。

isElement

判断是否为DOM节点，使用nodeType属性：

function isElement(obj) {
    return !!(obj && obj.nodeType === 1);
}

isArray

判断是否为数组，优先使用Array.isArray，不支持则使用Object.prototype.toString

var isArray = Array.isArray || function(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
}

isObject

使用typeof来判断是否为对象。

function isObject(obj) {
    var type = typeof obj;
    return type === 'function' || type ==='object' && !!obj;
}

可以看到，函数会被判断为对象，空对象{}，undefined，null，NaN 等则不被认为是对象。

isFinite

判断是否有限。主要是使用js全局提供的isFinite函数来判断。

function isFinite(obj) {
    return !_.isSymbol(obj) && isFinite(obj) && !isNaN(parseFloat(obj));
}

最后那个!isNaN(parseFloat(obj))是为了排除bool值。

isNaN

判断是否为NaN，主要通过js全局提供的isNaN来判断。

function isNaN(obj) {
    return _.isNumber(obj) && isNaN(obj);
}

is Boolean

判断是否为Boolean。

function isBoolean(obj) {
    return obj === true || obj === false || Object.prototype.toString.call(obj) === '[object Boolean]';
}

isNull

判断是否是null，直接判断即可。

function isNull(obj) {
    return obj === null;
}

isUndefined

判断是否是undefined，利用void 0。

function isUndefined(obj) {
    return obj === void 0;
}

相等性判断

很多时候我们都要判断2个元素的相等性，在这个时候我们可以先判断它们的类型，然后再判断它们的值。可以有一些特殊的情况：

• 0 === -0
• null == undefined
• NaN != NaN
• NaN !== NaN

它们的解决方案如下：

• 1/0 === 1/0； 1/-0 !== 1/0
• null === null; null !== undefined;
• if(a !== a) return b !== b;

这里我不打算写一般的比较情况，只是把几个特殊的情况写一下：

正则表达式和字符串

主要是转化为字符串再比较

Eq = function(a, b) {
    if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
    return '' + a === '' + b;
}

数字

需要排除0和NaN的情况，并且利用+a把a转化为数字。

Eq = function(a, b) {
    if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
    return +a === 0 ? 1 / +a === 1 / b : +a === +b;
}

日期和布尔值

利用+a把a转化为数字。

Eq = function(a, b) {
    if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
    return +a === +b;
}

Symbol

利用SymbolProto.valueOf方法。

Eq = function(a, b) {
    if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
    return SymbolProto.valueOf.call(a) === SymbolProto.valueOf.call(b);
}

注意：不能直接用'=='或者'==='来判断对象的相等性，原因如下：

var a = new Object();
var b = new Object();
a.name = "mm";
b.name = "mm";
console.log(a == b); //false

转载于:https://www.cnblogs.com/yangzhou33/p/8922700.html