什么是对象
万物皆对象
- 现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。
- 举例: 一部车,一个手机
- 车是一类事物,门口停的那辆车才是对象
- 特征:红色、四个轮子
- 行为:驾驶、刹车
JavaScript中的对象
- JavaScript中的对象其实就是生活中对象的一个抽象
- JavaScript的对象是无序属性的集合。
- 其属性可以包含基本值、对象、数组或函数。
- 对象就是一组没有顺序的值。
- 我们可以把JavaScript中的对象想象成键值对,其中值可以是数据和函数。
- 对象的行为和特征
- 特征—属性
- 行为—方法
事物的特征在对象中用属性来表示,事物的行为在对象中用方法来表示。
如何得到一个对象
- 字面量方式创建对象
var obj1 = {};//得到一个空对象
var obj2 = {name:'西岭',age:18};//得到拥有两个属性的对象
//得到拥有两个属性和一个方法的对象
var obj3 = {
name:'西岭',
age:18,
fei:function(){
console.log('你上天啊!');
}
}
- new Object() 创建对象 (内置构造函数)
var person = new Object();
person.name = 'lisi';
person.age = 35;
person.sayHi = function(){
console.log('Hello,everyBody');
}
- 自定义构造函数创建对象
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayHi = function(){
console.log('Hello,everyBody');
}
}
var p1 = new Person('张三', 22, 'actor');
this 的指向
目前,我们只需要记住以下两点:
1:函数如果在某个对象下,this 就指向这个对象
2:函数如果被直接调用,this 指向 window 对象
var o1 = {
name: '山治',
f: function () {
console.log(this.name);
}
}
o1.f(); // 山治
function f(){
console.log(this);
}
f();
console.log(window);
对象的使用
- 方法及属性的使用
对象.方法名(); //调用对象的方法
对象.属性; //获取对象的属性
- 遍历对象的属性
通过for..in语法可以遍历一个对象
var obj1 = {
name:'路飞',
age : 17,
sex : '男',
}
for(var k in obj1){
console.log(k);
console.log(obj1[k]);
}
注意:使用 for … in 语法,同样可以遍历数组
- 删除对象的属性
var obj1 = {
name:'路飞',
age : 17,
sex : '男',
}
console.log(obj1.age); //17
delete obj1.age; //删除对象中指定的属性
console.log(obj1.age); // undefined