创建多类导航的模板类

// 格式化字符串
function formateString(str, data) {
    return str.replace(/\{#{(\W+)}#\}/g, function (match, key) {
        return typeof data[key] === undefined ? '' : data[key];
    })
}
var PersonNav = function (data) {
        // 导航样式模板
        this.item = '<span id={#idname#} class="personMenu" onclick="personsMenu.go(this)">{#name#}</span>';
        
        this.html = '';
        for (var i = 0, len = data.length; i < len; i++){
            this.html += formateString(this.item,data[i]); 
        }
        return this.html;
}

JS设计模式16.8 创建多类导航

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。