zepto-1.2.0.js的zepto对象是类数组还是对象？

Question

源码里面$(selector)最后返回的是new Z(dom, selector)，既然是new一个函数，那结果就应该是个对象啊，我也用Array.isArray(img)及Object.prototype.toString.call(img)判断了一下，确实不是数组，但是在控制台里面为什么显示的zepto对象是个数组形式呢？

Answer 1

经测试, 如果一个对象A上或者其原型链上存在length和splice这两个属性, 并且typeof A.length === 'number' && typeof A.splice === 'function'为真, 则在ChromeDevTools里面打印出来会和数组类似. 这应该是ChromeDevTools的一个黑科技吧? 我在Console的相关标准里面没有看到有这一节.

比如:

const A = {length: 2, splice: function() { return [1, 2]} }
// [undefined × 2] (在Chrome调试器里面会打印这样的结果)
console.log(A)
// [] (这一行是console.log输出的)
// undefined (这一行是console.log的返回值)

Zepto 1.2.0里面$.prototype恰好实现了这两个属性:

https://github.com/madrobby/z...

// ...
$.fn = {
  // ...
  length: 0,
  // ...
  splice: emptyArray.splice,
  // ...
}
// ...

Answer 2

刚又试了一下，确实加上这个splice方法就能输出数组形式了，内部还是用.call的形式去调了数组上的方法