批量创建对象

最新推荐文章于 2022-11-17 20:01:06 发布

一份蛋炒饭

最新推荐文章于 2022-11-17 20:01:06 发布

阅读量241

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52019215/article/details/113775299

版权

js 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //使用批量方法创建多个对象
        var obj1 = {
            name: 'liuyun',
            age: 18,
            gender: 'man',
            sayName: function() {
                alert(this.name)
            }
        };
        //如果还需创建同样类型的对象发现有好多属性是重复的
        //我们可以封装到一个函数里面，然后传递一些参数，创建对象的时候只需调用该函数即可
        function creatPerson(name, age, gender) {
            // 创建一个新的对象
            var obj = new Object();
            obj.name = name;
            obj.age = age;
            obj.gender = gender;
            obj.sayName = function() {
                alert(this.name)
            };
            //将新的创建对象返回
            return obj;

        }
        var obj2 = creatPerson('ldh', 19, 'man');
        var obj3 = creatPerson('zxy', 26, 'man');
        var obj4 = creatPerson('lss', 18, 'woman');
        console.log(obj1);
        console.log(obj2);
        console.log(obj3);
        console.log(obj4);
        // console.log(obj2.name);
    </script>
</body>

</html>

一份蛋炒饭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
批量创建对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
复制链接

扫一扫