zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript 第五天

JavaScript 第五天
2023-06-13 09:15:17 时间

什么是对象:

  • 保存网站用户信息,比如姓名,年龄,电话号码… 用以前学的数据类型方便吗?
  1. 不方便,很难区分
  • 我们是不是需要学习一种新的数据类型,可以详细的描述某个事物?
  1. 姓名, 年龄, 电话
  2. 对象(object):JavaScript里的一种数据类型
  3. 可以理解为是一种无序的数据集合
  4. 用来描述某个事物,例如描述一个人
  5. 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
  6. 如果用多个变量保存则比较散,用对象比较统一
  7. 比如描述 班主任 信息:
  • 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示 
  • 动态行为 (点名, 唱, 跳, rap) => 使用函数表示
  1. 对象是一种数据类型, 无序的数据的集合
  2. 无序的数据的集合, 可以详细的描述描述某个事物

对象使用:

  • 对象声明语法:
let 对象名 = {}

对象有属性和方法组成:

  • 属性:信息或叫特征(名词)。 比如 手机尺寸、颜色、重量等…
  • 方法:功能或叫行为(动词)。 比如 手机打电话、发短信、玩游戏…
let 对象名 = {
    属性名: 属性值,
    方法名: 函数
 }

属性:

  1. 数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的
  2. 属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
  3. 多个属性之间使用英文 , 分隔
  4. 属性就是依附在对象上的变量(外面是变量,对象内是属性)
  5. 属性名可以使用 “” 或 ‘’,一般情况下省略,除非名称遇到特殊符号如空格、中横线等
  6. 对象属性没有顺序, 属性和值用 ; 隔开, 多个属性用,逗号隔开
请声明一个产品对象,里面包如下信息:

属性访问:

  1. 声明对象,并添加了若干属性后,可以使用 . 或 [] 获得对象中属性对应的值,我称之为属性访问
  2. 简单理解就是获得对象里面的属性值
  3. 问属性两种方式: 点形式 对象.属性 [] 形式 对象[‘属性’]
  4. 点后面的属性名一定不要加引号 [] 里面的属性名一定加引号 后期不同使用场景会用到不同的写法
let num1 = {
    name: 'Mark',
    age: 20,
    sex: '男'
}
document.write(num1.age)
document.write(num1.sex)

对象中的方法:

  1. 数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数
  2. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
  3. 多个属性之间使用英文 , 分隔
  4. 方法是依附在对象中的函数
  5. 方法名可以使用 “” 或 ‘’,一般情况下省略,除非名称遇到特殊符号如空格、中横线等

对象中的方法访问:

  1. 声明对象,并添加了若干方法后,可以使用 . 调用对象中函数,我称之为方法调用
  2. 注意: 千万别忘了给方法名后面加小括号