JavaScript 对象 使用
2022/2/1 15:00:03
本文主要是介绍JavaScript 对象 使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
目录
一:什么是对象?
二:创建对象的三种方式
1:利用字面量创建对象
如何使用对象的某个属性?
2:利用 new Object 创建对象
3:利用构造函数创建对象
什么是构造函数?
三:变量,属性,函数,方法的区别?
四:遍历对象
一:什么是对象?
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数等
对象由属性和方法组成
二:创建对象的三种方式
1:利用字面量创建对象
注意:
①: 对象里面的属性或方法采用键值对的形式 属性名:属性值
②:多个属性或方法中间用英文逗号隔开
③:方法冒号后面跟的是匿名函数
如何使用对象的某个属性?
①:对象名.属性 obj.uname
②:对象名['属性名'] obj['age']
③:调用对象的放法:对象名.方法名() obj.sayHi()
2:利用 new Object 创建对象
注意:
①:利用等号赋值的方法 添加对象的属性和方法
②:每个属性和方法之间用分号结束
3:利用构造函数创建对象
为什么要使用构造函数创建对象?
因为我们之前两种方式一次只能创建一次对象
什么是构造函数?
把对象里的一些相同的属性和方法抽象出来封装成函数
语法结构:
function 构造函数名(){ this.属性 = 值 this.方法 = function(){} } new 构造函数名()
注意:
构造函数名首字母要大写
不需要return 就能返回结果
只要调用了对象就是调用了一个对象
练习:
function Getpeo(username,age,tel){ this.username = username; this.age = age; this.tel = tel; this.sing = function(sang){ console.log(sang) } } var lqx = new Getpeo('lqx',20,123) //调用函数返回的是一个对象 console.log(lqx.username) //输出结果:lqx lqx.sing('花') //调用方法 //花
三:变量,属性,函数,方法的区别?
相同点:变量和属性都是用来存储数据的
不同点:
变量:单独声明并赋值,使用的时候直接写变量名 单独存在
属性:在对象里面不需要声明,使用的时候必须是 对象.属性
相同点:函数和方法都是实现某种功能的
不同点:
函数:是单独声明的并且调用的 函数名() 单独存在
方法:在对象里面 调用的时候 对象.方法()
四:遍历对象
for...in
语法格式:
这篇关于JavaScript 对象 使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-06小米11i印度快充版ROM合集:极致体验,超越期待
- 2024-10-06【ROM下载】小米11i 5G 印度版系统, 疾速跃迁,定义新速度
- 2024-10-06【ROM下载】小米 11 青春活力版,青春无极限,活力全开
- 2024-10-05小米13T Pro系统合集:性能与摄影的极致融合,值得你升级的系统ROM
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求