对象混合

最新推荐文章于 2022-12-22 11:33:01 发布

维克多噗噗

最新推荐文章于 2022-12-22 11:33:01 发布

阅读量252

点赞数

分类专栏：知识点

知识点专栏收录该内容

52 篇文章 0 订阅

订阅专栏

单个/多个

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Author" content=" ">
    <title>Document</title>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        a{text-decoration: none;}
        ul,li{list-style: none;}
        body{font-size: 14px;font-family: "微软雅黑";}
    </style>
</head>
<body>

    <h1 id="hh"></h1>
    <script type="text/javascript">
        /*
            对象的混入
         */
        var person = {"name":"xq"};
        var person1 = {"age":18};


        //单一对象融合
        function mixin(obj,obj1){
            //obj1 融入 obj
            for(var k in obj1){
                //融合自有属性
                if(obj1.hasOwnProperty(k)){
                    obj[k] = obj1[k];
                };
            };
            return obj;
        };

        function mixin1(target,source){
            //参数转换成数组
            var args = [].slice.call(arguments);
            if(args.length==1){
                return target;
            };
            var i = 1;
            //变成false 跳出
            while((source = args[i++])){
                for(var k in source){
                    if(source.hasOwnProperty(k)){
                        target[k] = source[k];
                    };
                };
            };
            return target;
        };


        var json = mixin(person,person1);
        var json1 = mixin1(person,person1,{"address":"长沙"});
        // alert(JSON.stringify(json));
        // alert(JSON.stringify(json1));


        function loading(opts){
            //默认值
            var defaults = {
                title:"同学们晚上好"
            };
            var json = mixin1({},defaults,opts);
            // alert(JSON.stringify(json));
            document.getElementById("hh").innerHTML = json.title;
        };

        //用户 > 默认
        loading({
            title:"我爱你们,同学们"
        });
    </script>
</body>
</html>

维克多噗噗

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对象混合

单个/多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}
复制链接

扫一扫