JavaScript创建对象

cloudOnSkyline

已于 2022-06-22 14:27:26 修改

阅读量140

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-06-17 09:07:46 首次发布

本文链接：https://blog.csdn.net/weixin_44827643/article/details/125326989

版权

JavaScript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

1.利用字面量创建，基本方法是var obj = {}

2.利用new Object()创建：var obj = new Object()

3.利用构造函数创建:

(1) 先定义构造函数,function 函数名()（注意：首字母大写）{ }

(2) 调用构造函数，var obj = new 函数名()

4.同第三种方法相似，区别在于加入了形参，变得更加灵活

示例代码如下：

<!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>
        // 1.字面量创建（利用{}）
        var obj = {
            name: 'zs',
            age: 23,
            say: function() {
                console.log('goodbye');
            }
        }
        console.log(obj);
        obj.say();
        // 2.利用new Object()创建
        var obj1 = new Object()
        obj1.name = 'ls'
        obj1.age = 24
        obj1.say = function() {
            console.log('goodbye');
        }
        console.log(obj1);
        obj1.say();
        // 3.利用构造函数创建
        function Goodbye() {
            this.name = 'ww',
                this.age = 24,
                this.say = function() {
                    console.log('goodbye');
                }
        }
        var obj2 = new Goodbye()
        console.log(obj2);
        // 4.利用构造函数（带形参）
        function Goodbye1(name, age) {
            this.name = name,
                this.age = age
        }
        var obj3 = new Goodbye1('zl', 22)
        console.log(obj3);
    </script>
</body>

</html>