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
相关产品推荐
相关产品推荐

