类数组调用数组方法(鸭子类型)

最新推荐文章于 2022-12-12 09:14:15 发布

Don_ixu

最新推荐文章于 2022-12-12 09:14:15 发布

阅读量367

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/Donnien/article/details/118255727

版权

本文探讨了在JavaScript中如何利用鸭子类型让类数组对象能够调用数组方法，如map、forEach等。通过检查对象是否具有length属性和索引访问以及迭代的方法，可以模拟数组行为，实现类数组对象的功能扩展。

摘要由CSDN通过智能技术生成

/*
 * 鸭子类型：长得像鸭子，就想让期具备鸭子的方法
 *   类数组「还有类Promise...」结构很像数组，但是不是Array的实例，所以无法直接调用Array.prototype上的方法，而我们期望他可以使用这些方法的，这样就需要函数借用
 */
// let elements = document.getElementsByTagName('*');
// 它是HTMLCollection集合/实例「类数组集合」，不能直接使用数组的办法，如果想使用数据的办法？ 
// 前提条件：类数组结构和数组基本一致，操作数据的代码也适用于类数组
//   + 把其转换为数组
/* Array.from(elements).forEach(item => {
    console.log(item);
}); */
//   + 把数组的方法赋值给这个集合
/* elements.forEach = Array.prototype.forEach;
elements.forEach(item => {
    console.log(item);
}); */
//   + 基于call实现this的改变