jquery - JQuery.type和typeof的区别，哪个更快

Question

我有一个名为 processData 的方法，其中我使用下面的代码来检查变量的类型

typeof series.dataSource.xName == "string"

jQuery.type(series.dataSource.xName)=="string"

我知道哪个更快，执行时间更短，总体“类型”需要 55ms 来执行，我需要优化它

提前致谢

Answer 1

这是你的答案详细查看....

Answer 2

使用 vanilla JS 比 jQuery 快 10 到 20 倍。然而，有一些类型的 jQuery 会提供有关该值的更多信息。所以这里有区别：

╔══════════════════════════════════════════════╦════════════════════════════════════════╗
║                   jQuery                     ║                 Vanilla                ║
╠══════════════════════════════════════════════╬════════════════════════════════════════╣
║ jQuery.type(null) === 'null'                 ║ typeof null === 'object'               ║
║                                              ║                                        ║
║ jQuery.type(new Boolean()) === 'boolean'     ║ typeof new Boolean() === 'object'      ║
║ jQuery.type(Boolean()) === 'boolean'         ║ typeof Boolean() === 'object'          ║
║ jQuery.type(Object(Boolean())) === 'boolean' ║ typeof Object(Boolean()) === 'object'  ║
║                                                                                       ║
║ Same applies to all other Constructors i.e. same result with/without new/Object()     ║
║                                                                                       ║
║ jQuery.type(new Number(42)) === 'number'     ║ typeof new Number(42) === 'object'     ║
║ jQuery.type(new String('test')) === 'string' ║ typeof new String('test') === 'object' ║
║ jQuery.type(new Date()) === 'date'           ║ typeof new Date() === 'object'         ║
║ jQuery.type(new Array()) === 'array'         ║ typeof new Array() === 'object'        ║
║ jQuery.type(new RegExp()) === 'regexp'       ║ typeof new RegExp() === 'object'       ║
║ jQuery.type(new Error()) === 'error'         ║ typeof new Error() === 'object'        ║
║                                              ║                                        ║
║ jQuery.type([]) === 'array'                  ║ typeof [] === 'object'                 ║
║ jQuery.type(/test/) === 'regexp'             ║ typeof /test/ === 'object'             ║
║                                              ║                                        ║
║ jQuery.type(Symbol()) === 'symbol'           ║ typeof Symbol() === 'symbol' (same)    ║
║ jQuery.type(Object(Symbol())) === 'symbol'   ║ typeof Object(Symbol()) === 'object'   ║
╚══════════════════════════════════════════════╩════════════════════════════════════════╝

不过，我建议使用 Lodash 中的专用方法。例如 _.isUndefined, _.isString, _.isNull, _.isDate, _.isError, _.isRegExp, _.isSymbol, 等。

甚至更强大： _.isNil, _.isNaN, _.isEmpty, _.isArrayLike, _.isObjectLike, _.isPlainObject, _.isTypedArray, _.isSet, _.isWeakMap, 等。