js工程模式

按照某种形式批量生成对象

class Product {
　　　　constructor(name) {
    　　　　this.name = name;
　　　　}
　　　　init() {
　　　　　　　　alert('init');
　　　　}
　　　　fun1() {
　　　　　　　　alert('fun1');
　　　　}
　　　　fun2() {
　　　　　　　　alert('fun2');
　　　　}
}
class Creator {
　　　　create(name) {
　　　　　　　　return new Product(name);
　　　　}
}
// let factory = new Creator();
// let obj = factory.create('hxy');
// obj.init();
window.createObj = name => {
　　　　return new Product(name);
};
createObj('hxy').init();

实现：jQuery中的$

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

实现：React.createElement()

class Vnode(tag, attrs, chilren) {
    //省略代码....
}

React.createElement = function (tag, attrs, chilre){
    return new Vnode(tag, attrs, chilre)
}