var domFactories = ['div', 'a', 'span', 'label', 'input', 'select', 'i', 'p', 'ul', 'ol', 'li', 'table', 'thead', 'tbody', 'tr', 'td', 'th', 'hr', 'br'];
    var DOM = {};
    each(domFactories, function(element) {
        DOM[element] = createElement.bind(null, element);
    })

在helper.js中，這段函數(shù)報(bào)錯(cuò)

helper.js

(function() {

    // 使瀏覽器支持:scope選擇器

    var container = document.createElement('div');

    // 檢測(cè)瀏覽器是否支持:scope選擇器
    try {

        container.querySelectorAll(':scope *');

    } catch (e) {

        // :scope正則
        var scopeReg = /^\s*:scope/gi;

        function overrideSelector(method) {
            var prototype = Element.prototype;

            var oldMethod = prototype[method];

            prototype[method] = function(selector) {

                var nodeList;
                var tempId = false;
                var tempContainer = false;

                if (!selector.match(scopeReg)) {
                    // 沒(méi)有使用:scope選擇器
                    return oldMethod.call(this, selector);
                }

                selector = selector.replace(scopeReg, '');

                // 沒(méi)有父級(jí)元素,給它臨時(shí)生成一個(gè)
                if (!this.parentNode) {

                    container.appendChild(this);
                    tempContainer = true;
                }

                var parentNode = this.parentNode;

                // 沒(méi)有ID, 臨時(shí)給一個(gè)
                if (!this.id) {
                    this.id = 'scopeQuerySelectorTempId' + (new Date()).getTime();
                    tempId = true;
                }

                // 用原生方法查找元素
                nodeList = oldMethod.call(parentNode, '#' + this.id + ' ' + selector);

                // 刪掉臨時(shí)ID
                if (tempId) {
                    this.id = '';
                }

                // 從臨時(shí)的父級(jí)節(jié)點(diǎn)中刪除
                if (tempContainer) {
                    container.removeChild(this);
                }

                // 返回匹配結(jié)果
                return nodeList;
            }
        }

        // 重寫querySelector和querySelectorAll方法
        overrideSelector('querySelector');
        overrideSelector('querySelectorAll');

    }
})();


const Helper = {
    /**
     * 判斷是不是一個(gè)DOM對(duì)象
     *
     * @param {*} obj 要判斷的對(duì)象
     * @return {boolean} 是否是DOM對(duì)象
     */
    isDom(obj) {
        return obj instanceof HTMLElement || obj instanceof Text;
    },

    /**
     * 判斷是否是數(shù)組
     *
     * @param {*} obj 要判斷的對(duì)象
     * @return {boolean} 是否是數(shù)組
     */
    isArray(obj) {
        return Object.prototype.toString.call(obj) === '[object Array]';
    },

    /**
     * 判斷是否是對(duì)象
     *
     * @param {*} obj 要判斷的對(duì)象
     * @return {boolean} 是否是對(duì)象
     */
    isObject(obj) {
        return !(Object.prototype.toString.call(obj) !== '[object Object]' || isDom(obj) || obj instanceof Window);
    },

    /**
     * 判斷是否是字符串
     *
     * @param {*} obj 要判斷的對(duì)象
     * @return {boolean} 是否是字符串
     */
    isString(obj) {
        return typeof obj === 'string';
    },

    /**
     * 判斷是否是函數(shù)
     *
     * @param {*} obj 要判斷的對(duì)象
     * @return {boolean} 是否是函數(shù)
     */
    isFunction(obj) {
        return typeof obj === 'function';
    },

    /**
     * 回調(diào)一個(gè)函數(shù),最后一個(gè)參數(shù)為context
     *
     * @param {Function} callback 回調(diào)函數(shù)
     * @return {*} 返回回調(diào)函數(shù)返回的結(jié)果
     */
    caller(callback) {
        var args = arguments;
        var context = args.length === 1 ? null : args[args.length - 1];
        var params = Array.prototype.slice.call(args, 1, args.length);

        if (isFunction(callback)) {
            return callback.apply(context, params);
        }
    },


    /**
     * 遍歷一個(gè)對(duì)象或數(shù)組
     *
     * @param {Array|Object} obj 對(duì)象或數(shù)組
     * @param {Function} fn  回調(diào)函數(shù)
     */
    each(obj, fn) {
        if (!(obj && fn)) {
            return;
        }

        // 優(yōu)先使用forEach,針對(duì)數(shù)組
        if (obj.forEach && isFunction(obj.forEach)) {
            obj.forEach(function(item, i) {
                caller(fn, item, i, item);
            });
        }
        else if (obj.length === +obj.length) {
            for (var i = 0, len = obj.length; i < len; i++) {
                var item = obj[i];

                caller(fn, item, i, item);
            }
        }
        else
        {
            // 遍歷對(duì)象
            for (var key in obj) {
                if (obj.hasOwnProperty(key)) {
                    caller(fn, obj[key], key, obj[key]);
                }

            }
        }
    },

    var domFactories = ['div', 'a', 'span', 'label', 'input', 'select', 'i', 'p', 'ul', 'ol', 'li', 'table', 'thead', 'tbody', 'tr', 'td', 'th', 'hr', 'br'];
    var DOM = {};
    each(domFactories, function(element) {
        DOM[element] = createElement.bind(null, element);
    })
}

export default Helper