1. 什么是对象
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。
- 属性:事物的特征,在对象中用属性来表示(常用名词)
- 方法:事物的行为,在对象中用方法来表示(常用名词)
2. 为什么需要对象
保存一个值时,可以使用变量,保存多个值时,可以使用数组。如果要保存一个人的完整信息呢? 例如用数组保存
var arr = ['张三','男',128,154];
JS中的对象表达结构更清晰,更强大。
person.name = '张三';
person.sex = '男';
person.age = 128;
person.height = 154;
3. 创建对象的三种方式
(1)利用字面量创建对象 对象字面量:就是花括号{ }里面包含了表达这个具体事物(对象)的属性和方法。 { }里面采取键值对的形式表示
- 键:相当于属性名
- 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型、函数类型等)
var star = {
name : 'fg',
age : 18,
sex : '男';
sayHi : function() {
alert('大家好');
}
};
对象的调用
- 对象里面的属性调用:对象.属性名
- 对象里面属性的另一种调用方式:对象[ ‘属性名’ ]
- 对象里面的方法调用:对象.方法名(),注意这个方法名字后面一定加括号
console.log(star.name);
console.log(star['name']);
star.sayHi();
(2)利用new Object创建对象
var obj = new Object();
obj.uname = '张三';
obj.age = 18;
obj.sex = '男';
obj.sayHi = function() {
console.log('hi');
}
console.log(obj.uname);
console.log(obj['sex']);
obj.sayHi();
(3)利用构造函数创建对象 前面两种方式一次只能创建一个对象,构造函数可以多个。
function Star(uname, age, sex) {
this.name = uname;
this.age = age;
this.sex = sex;
this.sing = function(sang) {
console.log(sang);
}
}
var ldh = new Star('刘德华', 18, '男');
console.log(ldh.name);
console.log(ldh['sex']);
ldh.sing('冰雨');
var zxy = new Star('张学友', 19, '男');
console.log(zxy.name);
console.log(zxy.age);
zxy.sing('李香兰');
4. 构造函数和对象
- 构造函数,如Stars(),抽象了对象的公共部分,封装到了函数里面,它泛指某一大类(class)
- 创建对象,如new Stars(),特指某一个,通过new关键字创建对象的过程我们也称为对象实例化
5. new关键字
new在执行时会
- 在内存中创建一个新的空对象。
- 让this指向这个新的对象。
- 执行构造函数里面的代码,给这个新对象添加属性和方法。
- 返回这个新对象(所以构造函数里面不需要return)。
6. 遍历对象属性
用 for…in 语句用于对数组或者对象的属性进行循环操作
var obj = {
name: 'fg',
age: 18,
sex: '男'
}
for (var k in obj) {
console.log(k);
console.log(obj[k]);
}
我们常用k或key当作变量
|