js插件编写常用工具函数及格式

一、基本格式

;(function(undefined) {
    "use strict"
    var _global;

    var plugin = {
        add: function(n1,n2){ return n1 + n2; },//加
        sub: function(n1,n2){ return n1 - n2; },//减
        mul: function(n1,n2){ return n1 * n2; },//乘
        div: function(n1,n2){ return n1 / n2; } //除
    }

    // 最后将插件对象暴露给全局对象
    _global = (function(){ return this || (0, eval)('this'); }());

    // 判断是否存在加载器  存在就使用加载器  不存在就使用全局对象
    if (typeof module !== "undefined" && module.exports) {
        module.exports = plugin;     // cmd 加载
    } else if (typeof define === "function" && define.amd) {
        define(function(){return plugin;});   // amd 加载
    } else {
        !('plugin' in _global) && (_global.plugin = plugin);  // 全局加载
    }
}());

二、常用工具函数

1、对象合并

function extend(o,n,override) {
    for(var key in n){
        if(n.hasOwnProperty(key) && (!o.hasOwnProperty(key) || override)){
            o[key]=n[key];
        }
    }
    return o;
}

 2、自定义模版引擎

function templateEngine(html, data) {
    var re = /<%([^%>]+)?%>/g,
        reExp = /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g,
        code = 'var r=[];
',
        cursor = 0;
    var match;
    var add = function(line, js) {
        js ? (code += line.match(reExp) ? line + '
' : 'r.push(' + line + ');
') :
            (code += line != '' ? 'r.push("' + line.replace(/"/g, '\"') + '");
' : '');
        return add;
    }
    while (match = re.exec(html)) {
        add(html.slice(cursor, match.index))(match[1], true);
        cursor = match.index + match[0].length;
    }
    add(html.substr(cursor, html.length - cursor));
    code += 'return r.join("");';
    return new Function(code.replace(/[
	
]/g, '')).apply(data);
}