js创建对象的三种方式

这篇博客介绍了JavaScript中创建对象的三种方式:字面量创建、new Object创建以及使用构造函数创建。详细解析了每种方式的语法和使用方法,并通过示例代码展示了如何调用对象的属性和方法。同时,讨论了构造函数在对象复用中的重要性,强调了其在减少代码重复方面的作用。
摘要由CSDN通过智能技术生成

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑马金牌编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值