对象是一种数据类型,它由属性和方法组成。对象的方法是让对象完成某些操作的函数,这些函数可以访问和操作对象的数据。
一、创建对象
对象有很多创建方式,其中最常见的是使用字面量或构造函数。
1. 使用字面量创建对象
字面量是一种简单的对象创建方式,可以直接使用花括号{}来创建对象,定义对象的属性和方法:
const person = {
name: '小明',
age: 18,
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
};
person.sayHi(); //输出:你好,我叫小明,今年18岁!
2. 使用构造函数创建对象
构造函数是一种类似于模板的方式创建对象,通过使用new关键字来创建新的对象实例:
function Person(name, age) {
this.name = name;
this.age = age;
this.sayHi = function() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
}
const person = new Person('小明', 18);
person.sayHi(); //输出:你好,我叫小明,今年18岁!
二、对象方法的定义和调用
对象的方法可以在对象上定义,然后通过对象来调用。
1. 对象方法的定义
对象方法的定义与属性的定义非常相似,只需要将属性值设置为一个函数即可:
const person = {
name: '小明',
age: 18,
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
};
person.sayHi(); //输出:你好,我叫小明,今年18岁!
2. 对象方法的调用
对象方法的调用需要使用对象名和方法名,并且方法名要加上括号:
const person = {
name: '小明',
age: 18,
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
};
person.sayHi(); //输出:你好,我叫小明,今年18岁!
三、对象方法中的this关键字
this指向的是当前对象,使用this关键字可以访问和操作当前对象的属性和方法。
1. 使用this访问对象属性
在对象方法中使用this关键字可以访问对象的属性:
const person = {
name: '小明',
age: 18,
sayName() {
console.log('我叫' + this.name);
}
};
person.sayName(); //输出:我叫小明
2. 使用this调用其他方法
在对象方法中使用this关键字可以调用其他方法:
const person = {
name: '小明',
age: 18,
sayName() {
console.log('我叫' + this.name);
},
sayHi() {
this.sayName();
console.log('今年' + this.age + '岁!');
}
};
person.sayHi(); //输出:我叫小明 今年18岁!
四、使用call和apply调用对象方法
call和apply是JavaScript中的两个方法,它们可以调用函数或方法并修改函数或方法内部this的指向。
1. 使用call方法调用对象方法
使用call方法可以调用对象方法,并将另一个对象作为this传入对象方法:
const person1 = {
name: '小明',
age: 18,
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
};
const person2 = {
name: '小红',
age: 20,
};
person1.sayHi.call(person2); //输出:你好,我叫小红,今年20岁!
2. 使用apply方法调用对象方法
使用apply方法可以调用对象方法,并将另一个对象作为this传入对象方法,并且传入参数数组:
const person1 = {
name: '小明',
age: 18,
sayHi(city) {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!我来自' + city + '。');
}
};
const person2 = {
name: '小红',
age: 20,
};
person1.sayHi.apply(person2, ['北京']); //输出:你好,我叫小红,今年20岁!我来自北京。
五、对象方法的继承
对象的方法可以被继承到其他对象中,从而达到代码复用的效果。
1. 使用Object.create方法进行继承
使用Object.create方法可以创建一个新的对象,并将原对象作为新对象的原型,从而实现方法的继承:
const person = {
name: '小明',
age: 18,
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
};
const student = Object.create(person);
student.name = '小红';
student.grade = 3;
student.sayHi(); //输出:你好,我叫小红,今年18岁!
2. 使用class进行继承
使用class可以创建一个新的对象,并将原对象作为新对象的原型,从而实现方法的继承:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHi() {
console.log('你好,我叫' + this.name + ',今年' + this.age + '岁!');
}
}
class Student extends Person {
constructor(name, age, grade) {
super(name, age);
this.grade = grade;
}
}
const student = new Student('小红', 18, 3);
student.sayHi(); //输出:你好,我叫小红,今年18岁!