javascript实现函数的默认参数值方法

最新推荐文章于 2022-05-30 10:24:15 发布

蓝色_冰点

最新推荐文章于 2022-05-30 10:24:15 发布

阅读量620

点赞数 3

分类专栏： javascript

本文链接：https://blog.csdn.net/sharp_ice/article/details/40982063

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

最近在学python,得益于python中的decorator思路，想到在javascript中参数是不能定义默认值的，但是可以通过decorator给它模拟出来，话不多说，上代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>

    <script type="text/javascript">
        function defaultArg(params, fun) {
            function f() {
                var args = [];
                for (i = 0; i < arguments.length || i < params.length; i++) {
                    if (i >= arguments.length || arguments[i] == null) {
                        args.push(params[i]);
                    }
                    else {
                        args.push(arguments[i]);
                    }
                }
                fun.apply(this, args);
            }
            return f;
        }
        function ClassA() {
            this.name = "ClassA";
        }
        ClassA.prototype.show = defaultArg(
            //虽然有点另类，但很像decorator吧
            ["default1","default2"],
            function (arg1,arg2) {
                alert("[" + this.name + "]" + arg1 + "," + arg2);
        });

        var inst = new ClassA();
        inst.show();  //这里将使用默认参数
        inst.show("hello");
        inst.show("hello","world");
    </script>
</body>
</html>