ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

面试题:手写jquery要求考虑插件扩展性

2021-06-09 13:35:27  阅读:193  来源: 互联网

标签:面试题 const 插件 扩展性 selector length result elem fn


class Jquery {
  constructor(selector) {
    const result = document.querySelectorAll(selector)
    const length = result.length
    for(let i = 0; i < length; i++) {
      this[i] = result[i]
    }
    this.length = length
  }
  get(index) {
    return this[index]
  }
  each(fn) {
    for(let i = 0;i < this.length; i++) {
      const elem = this[i]
      fn(elem)
    }
  }
  on(type, fn) {
    return this.each(elem => {
      elem.addEventListener(type, fn, false)
    })
  }
}

// 插件
Jquery.prototype.dialog = function (info) {
  alert(info)
}

// 造轮子
class myJquery extends Jquery {
  constructor(selector) {
    super(selector)
  }
  addClass(className) {

  }
}

标签:面试题,const,插件,扩展性,selector,length,result,elem,fn
来源: https://www.cnblogs.com/kxsy/p/14866488.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有