对象的方法详解

对象是一种数据类型，它由属性和方法组成。对象的方法是让对象完成某些操作的函数，这些函数可以访问和操作对象的数据。

一、创建对象

对象有很多创建方式，其中最常见的是使用字面量或构造函数。

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岁！

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/245209.html