js创建对象的三种方式

Posted 2022-09-22

1.对象 1.1什么是对象：

• 在javascript中,对象是一组无序的相关属性和方法的集合 ,所有的事物都是对象,例如字符串、数值、数组、函数等.

对象是由属性和方法组成的

• 属性:事物的特征,在对象中用属性来表示(常用名词)
• 方法:事物的行为,在对象中用方法来表示(常用动词-功能)

2.创建对象的三种方式

在Java中，现阶段我们可以采用三种方式创建对象（object）

• 利用字面量创建对象
• 利用new Object创建对象
• 利用构造函数创建对象

<script>
        //1.利用对象字面量创建对象
        var obj = 
            uname: 张三丰,
            age: 18,
            sex: 男,
            sayHi: function()
                console.log(hi~);
            
        
        //         (1)里面的属性或者方法我们采取键值对的形式键属性名:
        // 值属性值
        // (2)多个属性或者方法中间用逗号隔开的
        // (3)方法冒号后面跟的是个匿名函数
        // 2.使用对象
        // (1).调用对象的属性我们采取对象名.属性名.我们理解为的
        console.log(obj.uname);
        // (2)调用属性还有一种方法  对象名[属性名]
        console.log(obj[age]);
        // (3)调用对象的方法sayHi  对象名.方法名() 千万别忘记添加小括号
        obj.sayHi();
    </script>

2.1利用字面量创建对象

对象字面量:就是花括号里面包含了表达这个具体事物(对象)的属性和方法。
里面采取键值对的形式表示

• 键:相当于属性名
• 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)

2.2利用new Object创建对象

跟我们前面学的new Array() 原理一致

<script>
        //利用new Object创建对象
        var obj = new Object(); //创建了一个空的对象
        obj.uname = 张三丰;
        obj.age = 18;
        obj.sex = 男;
        obj.sayHi = function()
            console.log(hi~);
        
        // 我们是利用等号=赋值的方法添加对象的属性和方法
        // 每个属性和方法之间用分号结束
        console.log(obj.uname);
        console.log(obj[sex]);
        obj.sayHi();
    </script>

构造函数：

因为我们一次创建个对象，里面很多的属性和方法是大量相同的我们只能复制

因此我们可以利用函数的方法重复这些相同的代码我们就把这个函数称为构造函数

又因为这个函数不一样，里面封装的不是普通代码，而是对象

构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面

2.3利用构造函数创建对象

构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用。

我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

构造函数语法格式：

<script>
        //构造函数语法格式
        function 构造函数名()
            this.属性=值;
            this.方法=function()
        
        new 构造函数();
    </script>

注意：

1.构造函数名字首字母要大写

2.构造函数不需要return 就可以返回结果

3.我们调用构造函数  必须使用new