0
点赞
收藏
分享

微信扫一扫

JavaScript--对象

寒羽鹿 2022-04-13 阅读 70

引言

在javascript中,对象是一组无序的相关属性和方法的集合,万物都是对象,例如字符串、数值、数组、函数等。

文章目录


一、对象

1.1 什么是对象?

对象是属性方法组成
属性:事物的特征(大小、颜色、重量),名词
方法:事物的行为(打电话、发短信),动词

1.2 为什么需要对象?

保存多组值,表达结构清晰,强大
在这里插入图片描述

二、创建对象

三种方式:

2.1 字面量创建

  1. 创建
    使用花括号创建:{ }
var obj = {
  //属性
  name: '小红',
  age: 18,
  //方法
  sayHi: function () {
  	console.log('Hi~');
	}
}

2.2 new Object创建对象

var boj = new Object();//创建一个空对象
obj.name = '张';
obj.age = 18;
obj.sayHi = function () {
	console.log('Hi~');
}

2.3 构造函数

  • 为什么使用构造函数?
    在这里插入图片描述
    在这里插入图片描述
  • 构造函数格式
function  构造函数名() {
	this.属性 =;
	this.方法 = function (){}
}
//调用
new 构造函数名();

实例:
在这里插入图片描述

2.3.1* new关键字

在这里插入图片描述

三、使用对象

//属性
console.log(obj.name)
console.log(obj['name'])
//方法
obj.sayHi();

四*、遍历对象

使用for ... in

//创建对象
var obj = {
	name = '张三';
	age = 18;
	fn: function (){}
}
//变量
for (var key in obj){
	console.log(key);// 通过Key 得到属性名
	console.log(obj[key])//对象[属性名] 得到属性值
}

五、变量、属性、函数、方法的异同点

5.1 变量和属性

相同点

不同点

声明调用
变量单独使用并赋值变量名
属性不需要声明对象.属性名

5.2 函数和方法

相同点

不同点

声明调用
函数单独使用函数名()
方法在对象里对象.方法名()
举报

相关推荐

0 条评论