JS 应用举例

jQuery 是一个 class
$('p'）是 jQuery 的一个实例

javascript

class jQuery {
    constructor(selector) {
        let slice = Array.prototype.slice
        let dom = slice.call(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) {

    }
    // 此处省略若干 API
}
window.$ = function (selector) {
    // 工厂模式
    return new jQuery(selector)
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

javascript

// 测试代码
const $p = $('p')
console.log($p)
console.log($p.addClass)

1
2
3
4

JS 应用举例 #

JS 应用举例