JavaScript对象

简介: JavaScript对象

今天我们来讲一下对象:


在 JavaScript 中, 对象是一组无序的相关属性和方法的集合 ,所有的事物都是对象,例如人、

桌子、椅子、花、草、猫、狗等。

对象是由属性和方法组成的:

属性:事物的特征,在对象中用属性来表示(常用名词)

方法:事物的行为,在对象中常用方法来表示(常用动词)

让我们知道为什么要需要对象呢?

保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组,如果保存一个的

完整信息呢?

为了更好地存储一组数据,对象应用而生;对象中为每项数据设置了属性名称,可以访问数

据更语义化,数据结构清晰,表意明显,方便开发者使用

创建对象有三种创建方式:


1.利用字面量创建对象:

对象的字面量就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法; { } 里面

采取 键值对 的形式表示

键 :相当于属性名

值 :相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)

对象的使用:

对象的属性 :对象中 存储具体数据 的 “ 键值对 ” 中的键称为对象的属性,即对象中存储具体数

据的项。

对象的方法 :对象中 存储函数 的 “ 键值对 ” 中的 “ 键 ” 称为对象的方法,即对象中存储函数的项。

访问对象的属性:对象里面的属性调用: 对象 . 属性名 ;对象里面属性的另一种调用方式: 对

象 [' 属性名 '] ,注意方括号里面的属性必须加上引号。

调用对象的方法: 对象 . 方法名 () ;

let obj = {
"name":"小桔子",
"sex":"公猫",
"color":"gray",
"weight":"5kg"
}

2. 利用 new Object 创建对象:

// 通过内置构造函数 Object 创建对象,此时 obj 变量已经保存了创建出来的空对象
let obj = new Object();
 
 
// 通过对象操作属性和方法的方式,来为对象增加属性和方法
obj.name = '小桔子'; // 添加属性 name 为 小桔子
obj.sex = '公猫'; // 添加属性 sex 为 公猫
obj.color = 'gray'; // 添加属性 color 为 gray
obj.speed = function() { // 添加行为 speed 为 ...
alert("我每小时能跑 50 千米哦!!!");
}
obj.speed(); // 调用对象的方法 第二种写法 obj['speed']();
obj.color = 'blue'; // 修改对象属性 color 为 blue
// Object() 第一个字母大写;
// new Object() 需要 new 关键字,使用的格式:对象.属性 = 值


3.利用构造函数创建对象:


构造函数 : 是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值 , 它总与

new 运算符一起使用,我们可以把对象中一些公共的属性和方法抽出来,然后封装到这个函数里

function 构造函数名(形参 1,形参 2,形参 3...) {
this.属性名 1 = 参数 1;
this.属性名 2 = 参数 2;
this.属性名 3 = 参数 3;
this.方法名 1 = 方法体 1;
}
 
 
 
let obj = new 构造函数名(实参 1,实参 2,实参 3);
// 以上代码中,obj 即接收到构造函数创建出来的对象。
注意事项:
1.构造函数约定首字母大写
2.函数内的属性和方法前面需要添加 this,表示当前对象的属性和方法
3.构造函数中不需要 retrun 返回结果
4.我们创建对象的时候,必须用 new 来调用构造函数

关于对象的今天就给大家讲到这里了,希望给大家带来帮助


相关文章
|
3月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
54 2
|
2月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
2月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
28 1
JavaScript中对象的数据拷贝
|
2月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
3月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
51 4
|
3月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
54 1
|
3月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
27 2
|
3月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
42 2
|
3月前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
28 3