你如何理解 JS 的继承?

在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();

在这个示例使用axios库发送一个GET请求到://example.com并获取响应数据。然后,使用cheerio`库将响应内容解析为类似于jQuery的对象($),以方便提取所需的数据。在这里,我们提取了页面的标题,并将其打印出来。

请注意,上述示例代码仅仅是一个起点,实际的爬虫可能需要处理更复杂的网页结构、处理JavaScript渲染的页面、配置请求头和代理、使用循环迭代处理多个页面等。此外,在进行爬取操作时,请确保遵守网站的使用条款和法律规定,并适度控制爬取速度,以避免给目标网站造成负担。

需要注意的是,浏览器端的JavaScript(前端)由于其他域名的数据。上面示例中使用的axios库是基于Node.js环境下运行的。

猜你喜欢

转载自blog.csdn.net/weixin_44617651/article/details/131410936