JavaScript 第五天
JavaScript 第五天
2023-06-13 09:15:17 时间
什么是对象:
- 保存网站用户信息,比如姓名,年龄,电话号码… 用以前学的数据类型方便吗?
- 不方便,很难区分
- 我们是不是需要学习一种新的数据类型,可以详细的描述某个事物?
- 姓名, 年龄, 电话
- 对象(object):JavaScript里的一种数据类型
- 可以理解为是一种无序的数据集合
- 用来描述某个事物,例如描述一个人
- 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
- 如果用多个变量保存则比较散,用对象比较统一
- 比如描述 班主任 信息:
- 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
- 动态行为 (点名, 唱, 跳, rap) => 使用函数表示
- 对象是一种数据类型, 无序的数据的集合
- 无序的数据的集合, 可以详细的描述描述某个事物
对象使用:
- 对象声明语法:
let 对象名 = {}
对象有属性和方法组成:
- 属性:信息或叫特征(名词)。 比如 手机尺寸、颜色、重量等…
- 方法:功能或叫行为(动词)。 比如 手机打电话、发短信、玩游戏…
let 对象名 = {
属性名: 属性值,
方法名: 函数
}
属性:
- 数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的
- 属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
- 多个属性之间使用英文 , 分隔
- 属性就是依附在对象上的变量(外面是变量,对象内是属性)
- 属性名可以使用 “” 或 ‘’,一般情况下省略,除非名称遇到特殊符号如空格、中横线等
- 对象属性没有顺序, 属性和值用 ; 隔开, 多个属性用,逗号隔开
请声明一个产品对象,里面包如下信息:
属性访问:
- 声明对象,并添加了若干属性后,可以使用 . 或 [] 获得对象中属性对应的值,我称之为属性访问
- 简单理解就是获得对象里面的属性值
- 问属性两种方式: 点形式 对象.属性 [] 形式 对象[‘属性’]
- 点后面的属性名一定不要加引号 [] 里面的属性名一定加引号 后期不同使用场景会用到不同的写法
let num1 = {
name: 'Mark',
age: 20,
sex: '男'
}
document.write(num1.age)
document.write(num1.sex)
对象中的方法:
- 数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数
- 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
- 多个属性之间使用英文 , 分隔
- 方法是依附在对象中的函数
- 方法名可以使用 “” 或 ‘’,一般情况下省略,除非名称遇到特殊符号如空格、中横线等
对象中的方法访问:
- 声明对象,并添加了若干方法后,可以使用 . 调用对象中函数,我称之为方法调用
- 注意: 千万别忘了给方法名后面加小括号
相关文章
- JavaScript高级程序设计(读书笔记)(七)[通俗易懂]
- 前端面试ajax考点汇总_javascript常见面试题
- 【Leetcode 346/700】79. 单词搜索-回溯深度搜索JavaScript版
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript中splice方法的使用「建议收藏」
- JavaScript进阶内容——jQuery
- JavaScript案例:移动端轮播图
- JavaScript高级知识总结(高级篇)[通俗易懂]
- JavaScript专项算法题(7):Iterators迭代器
- JavaScript学习总结(二十)——Javascript非构造函数的继承详解编程语言
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- javascript年月日联动实现核心代码
- Javascript匿名函数的一种应用代码封装
- javascript类和命名空间的模拟代码
- JavaScript中URL编码函数代码
- Javascript异步加载详解(浏览器在javascript的加载方式)
- javascript级联下拉列表实例代码(自写)
- javascript中动态加载js文件多种解决办法总结
- 使用javascript获取页面名称