加减plugin

最新推荐文章于 2024-07-25 23:50:14 发布

转载最新推荐文章于 2024-07-25 23:50:14 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Longhua-0/p/9278979.html

本文介绍了一个JavaScript插件的实现方式，该插件提供了加法和乘法运算功能，并通过不同模块加载机制进行了适配。

plugin插件↓↓

;(function (underfined) {
    "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;
        }
    }
    */

    //插件API设置参数
    function result(args,fn) {
        var str = Array.prototype.slice.call(args);
        if (str.length > 0){
            return str.reduce(fn);
        } else {
            return 0;
        }
    }

    var plugin = {
        add: function () {                                           //加
            return result(arguments,function (pre,cur) {
                return pre + cur;
            });
        },
        mul: function () {                                            //减
            return result(arguments,function (pre,cur) {
                return pre + cur;
            });
        }
    }




    //最后将插件函数暴露给全局
    _global = (function () {
        return this || (0, eval)('this');
    }());
    if (typeof module !== 'undefined' && module.exports) {
        module.exports = plugin;
    } else if (typeof define === 'function' && define.amd) {
        define(function () {
            return plugin;
        });
    } else {
        !('plugin' in _global) && (_global.plugin = plugin);
    }

}());

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="plugin.js"></script>
</head>
<body>
<script>
    //引入插件，尽情使用plugin对象吧。。。。。。
    with(plugin){
        document.write(add(2,1));// 3
        document.write(mul(7,7));//49
    }
</script>
</body>
</html>

转载于:https://www.cnblogs.com/Longhua-0/p/9278979.html