You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

NodeJS中如何将类属性传入类>方法>嵌套.each块中?

这个问题其实是JavaScript里this指向的经典坑,我来给你拆解下解决方案,保证能支持类继承,还不绑定到特定实例:

首先得搞清楚你原来代码的问题:

你代码里each(function() { ... })里的this,指向的是当前遍历到的<a>DOM元素,不是你的ok类实例,所以this.jojo自然找不到类里的属性;而直接用ok1.jojo是硬编码了特定实例,新创建的实例调用myMethod时就会修改ok1的属性,完全不符合复用和继承的需求。

方案1:使用箭头函数(推荐)

箭头函数不会绑定自己的this,它会继承外层作用域的this——也就是myMethod里的类实例this。这样在回调里就能直接访问类的属性,而且完美支持继承,每个实例的this都是自己的实例对象。

修改后的代码:

class ok {
  constructor() {
    this.jojo = "first state";
  }
  myMethod() {
    let rp = require('request-promise-native');
    let cheerio = require('cheerio');
    rp("https://tomydna.com")
      .then(response => {
        let $ = cheerio.load(response);
        // 把each里的普通函数换成箭头函数
        $('a').each((index, element) => {
          this.jojo = "second state"; // 现在this指向类实例,正常工作
          console.log(this.jojo); // 每个<a>都会输出当前实例的jojo值
        });
      });
  }
}

const ok1 = new ok();
ok1.myMethod();

// 测试继承,完全没问题
class okChild extends ok {
  constructor() {
    super();
    this.jojo = "child initial state";
  }
}
const ok2 = new okChild();
ok2.myMethod(); // 会修改ok2自己的jojo属性,和ok1互不干扰

方案2:提前保存类实例的this

如果因为某些原因不能用箭头函数(比如需要直接访问DOM元素的this),可以在myMethod里先把类实例的this存到一个变量里(比如self或者that),然后在回调里用这个变量访问类属性:

class ok {
  constructor() {
    this.jojo = "first state";
  }
  myMethod() {
    let rp = require('request-promise-native');
    let cheerio = require('cheerio');
    // 保存类实例的this到self变量
    const self = this;
    rp("https://tomydna.com")
      .then(response => {
        let $ = cheerio.load(response);
        $('a').each(function() {
          self.jojo = "second state"; // 用self访问类实例的属性
          console.log(self.jojo);
          // 如果需要访问当前DOM元素,可以用this或者$(this)
          console.log($(this).attr('href'));
        });
      });
  }
}

这两种方法都不会绑定到特定实例,不管你创建多少个ok的实例,或者继承它创建子类,每个实例调用myMethod时都会修改自己的jojo属性,完全满足复用和继承的需求。

内容的提问来源于stack exchange,提问作者Nicolas Guérinet

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:25:32