对象的相关概念
什么是对象?
-
在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。
-
对象是由属性和方法组成的
-
属性:事物的特征,在对象中用属性来表示(常用名词)
-
方法:事物的行为,在对象中用方法来表示(常用动词)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CxMlEWd1-1628091491881)(C:\Users\26036\Desktop\images\图片3.png)]
-
为什么需要对象?
-
保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。
-
如果要保存一个人的完整信息呢?
-
例如,将“张三疯”的个人的信息保存在数组中的方式为:
var arr = [‘张三疯’, ‘男', 128,154];
-
上述例子中用数组保存数据的缺点是:数据只能通过索引值访问,开发者需要清晰的清楚所有的数据的排行才能准确地获取数据,而当数据量庞大时,不可能做到记忆所有数据的索引值。
-
为了让更好地存储一组数据,对象应运而生:对象中为每项数据设置了属性名称,可以访问数据更语义化,数据结构清晰,表意明显,方便开发者使用。
-
使用对象记录上组数据为:
var obj = {
"name":"张三疯",
"sex":"男",
"age":128,
"height":154
}
- JS中的对象表达结构更清晰,更强大。
总结
- 万物皆对象,对象是 一个具体的事物 ,看得见摸得着的实物。例如,一本书、一辆汽车
- 在 JavaScript 中,对象是一组无序的相关属性和方法的集合
- 为啥要有对象:为了方便管理多个变量,和多个函数
- 对象中的变量,称之为属性
- 对象中的函数,称之为方法
创建对象的三种方式
利用字面量创建对象
语法:
var obj = {
key:value,key2:value2...};
-
key键:相当于属性名
-
value值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)
- 在对象中的方法,也可以理解为是一个属性,可以称之为方法属性
注意:
- 里面的属性或者方法我们采取键值对的形式 键 属性名 : 值 属性值
- 多个属性或者方法中间用逗号隔开的
- 方法冒号后面跟的是一个匿名函数
示例代码:
var star = {
// star即是创建的对象。
name : 'pink',
age : 18,
sex : '男',
sayHi : function(){
alert('大家好啊~');
}
};
对象的使用
访问对象的属性
//1.点语法:对象名.属性名
console.log(star.name)
//2.中括号语法:对象名['属性名']
console.log(star['name']) //star[name],先找name变量的值:'age',star['age']---- 18
调用对象的方法
//1.点语法:对象.方法()
star.sayHi(); // 调用方法,注意,一定不要忘记带后面的括号
//2.中括号语法:对象['方法']()
star['sayHi']();
总结
- 其实调用属性和方法语法都一样
- 只不过方法需要添加小括号
- 方法,也可以称之为属性,可以叫做方法属性
变量、属性、函数、方法总结
-
属性是对象的一部分,而变量不是对象的一部分,变量是单独存储数据的容器
- 变量:单独声明赋值,单独存在。使用的时候直接写
变量名
- 属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征。使用的时候必须是
对象名.属性名
- 变量:单独声明赋值,单独存在。使用的时候直接写
-
方法是对象的一部分,函数不是对象的一部分,函数是单独封装操作的容器
- 函数:单独存在的,通过
函数名()
的方式就可以调用 - 方法:对象里面的函数称为方法,方法不需要声明,使用
对象.方法名()
的方式就可以调用,方法用来描述该对象的行为和功能。
- 函数:单独存在的,通过
总结