JavaScript面向对象(一)

2018-08-31  本文已影响17人  阿昕_

面向对象的意义

面向对象三要素

继承【子类继承父类】

封装 【数据的权限和保密】

多态 【同一接口的不同实现】

jQuery应用

class JQuery {
    constructor(selector) {
        // 获取节点列表 转换为数组
        let dom = Array.from(document.querySelectorAll(selector))
        // 节点列表长度
        let len = dom ? dom.length : 0
        for (let i = 0; i < len; i++) {
            this[i] = dom[i]
        }
        this.length = len
        this.selector = selector || ''
    }
    append(node) {

    }
    addClass(name) {

    }
    html(data) {

    }
}
window.$ = function (selector) {
    return new JQuery(selector)
}
上一篇 下一篇

猜你喜欢

热点阅读