你如何理解 JS 的继承？

news2024/11/16 2:28:32

在JavaScript中，继承是一种机制，允许一个对象（子类）从另一个对象（父类）继承属性和方法。这使得子类可以共享父类的功能，并有能∧自身定义新的功能。 JavaScript中的继承通过原型链实现。

在这里插入图片描述

具体来说，JavaScript中的继承可以通过以下几种方式实现：

原型链继承：将父类的实例作为子类的原型，从而实现继承。通过使用Child.prototype = new Parent()来实现，在这种情况下，子类继承了父类的属性和方法，并且可以添加自己的属性和方法。

构造函数继承（借用构造函数）：子类在自身的构造函数中调用父类的构造函数，并使用call或apply方法将父类的属性和方法引入子类。这样，子类可以获得父类的实例属性，但无法继承父类的原型属性和方法。

组合继承：结合原型链继承和构造函数继承。通过将父类的实例赋值给子类的原型，从而继承父类的原型属性和方法，并使用构造函数继承来继承父类的实例属性。

原型式继承：通过创建一个空对象作为中介来实现继承。使用Object.create()方法创建一个新对象，并将父对象作为参数传递进去。

ES6的类继承：ES6引入了class和extends关键字，使得在JavaScript中定义类和实现继承更加直观和简化。可以使用关键字extends来创建子类，并通过super关键字调用父类的构造函数和方法。

继承在面向对象编程中起着重要的作用，它帮助我们实现代码的重用性、抽象和模块化。使用继承，我们可以建立类之间的层次结构，将共同的行为捕捉到父类中，并允许子类添加或覆盖行为以满足特定的需求。

js爬虫

JavaScript可以用于编写网络爬虫，其中主要用到的是Node.js和相关库。下面是一个简单的示例，展示了如何使用JavaScript进行基本的网络爬取. 首先，确保已经安装了Node.js。

在项目文件夹中创建一个新的JavaScript文件（例如crawler.js），并使用以下代码：

const axios = require('axios');
const cheerio = require('cheerio');

async function fetchData() {
  try {
    const response = await axios.get('.com'); // 发送HTTP GET请求并获取响应
    const $ = cheerio.load(response.data); // 使用cheerio解析HTML

    使用jQuery选择器提取所需的数据
    const title = $('title').text(); // 提取页面标题

    // 打印提取的数据
    console.log('页面标题:', title);
  } catch (error) {
    console.error('请求失败', error);
  }
}

fetchData();