了解JavaScript对象(Object)

本文详细介绍了JavaScript中的对象,包括对象的概念、为何需要对象,以及创建对象的三种方式:字面量、new Object和构造函数。同时,讨论了new关键字的作用、遍历对象属性的for...in语句,并总结了对象在代码组织和数据表示上的重要性。
摘要由CSDN通过智能技术生成

目录

对象

1.1,什么是对象

 1.2,为什么需要对象

 创建对象的三种方式

 2.1 利用字面量创建对象

  对象的调用

 变量、属性、函数、方法的区别

 2.2 利用new Object创建对象

 2.3 利用构造函数创建对象

为什么需要构造函数 ?

2.4 构造函数和对象

  三,new关键字

四, 遍历对象属性 for...in 语句

总结


对象

1.1,什么是对象

现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人
可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。

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

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

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

 1.2,为什么需要对象

保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息呢?

JS 中的对象表达结构更清晰,更强大。张三疯的个人信息在对象中的表达结构如下: 

person.name = ‘张三疯';
person.sex = ‘男';
person.age = 128;
person.height = 154;

 创建对象的三种方式


在 JavaScript 中,现阶段我们可以采用三种方式创建对象(object):

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

 2.1 利用字面量创建对象

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

  • 键:相当于属性名
  • 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)
 // var obj = {};  // 创建了一个空的对象 
        var obj = {
                uname: '张三疯',
                age: 18,
                sex: '男',
                sayHi: function() {
                    console.log('hi~');

                }
            }

注意: 

  •  (1) 里面的属性或者方法我们采取键值对的形式  键 属性名 : 值  属性值
  •  (2) 多个属性或者方法中间用逗号隔开的
  •  (3) 方法冒号后面跟的是一个匿名函数

  对象的调用

  •  对象里面的属性调用 : 对象.属性名 ,这个小点 . 就理解为“ 的 ”
  •  对象里面属性的另一种调用方式 : 对象[‘属性名’],注意方括号里面的属性必须加引号,我们后面会用
  •  对象里面的方法调用:对象.方法名() ,注意这个方法名字后面一定加括号
   // (1). 调用对象的属性 我们采取 对象名.属性名 . 我们理解为 的
        console.log(obj.uname);
        // (2). 调用属性还有一种方法 对象名['属性名']
        console.log(obj['age']);
        // (3) 调用对象的方法 sayHi   对象名.方法名() 千万别忘记添加小括号
        obj.sayHi();

 变量、属性、函数、方法的区别

  // 变量、属性、函数、方法的区别
        // 1.变量和属性的相同点 他们都是用来存储数据的 
        var num = 10;
        var obj = {
            a
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值