引言
在javascript中,对象是一组无序的相关属性和方法的集合,万物都是对象,例如字符串、数值、数组、函数等。
文章目录
一、对象
1.1 什么是对象?
对象是属性
和方法
组成
属性:事物的特征(大小、颜色、重量),名词
方法:事物的行为(打电话、发短信),动词
1.2 为什么需要对象?
保存多组值,表达结构清晰,强大
二、创建对象
三种方式:
2.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 函数和方法
相同点
:
不同点
:
声明 | 调用 | |
---|---|---|
函数 | 单独使用 | 函数名() |
方法 | 在对象里 | 对象.方法名() |