猿问

ES6解构赋值的疑问

学习ES6,对代码中一处不理解:
const { printName } = logger;

我认为此句执行后printName是undefined,但实际打印出来确是printName(name = 'there') {this.print(Hello ${name});}
我的理解是,Logger类没有显性设置constructor,那么此处实例logger是空对象{},printName和print方法都是Logger.prototype这个对象上的方法。所以对象解构赋值后,printName就是undefined。

请指教!

资料链接:
http://es6.ruanyifeng.com/#do...的继承

const { printName } = logger;

class Logger {
  printName(name = 'there') {    this.print(`Hello ${name}`);
  }  print(text) {    console.log(text);
  }
}

const logger = new Logger();
const { printName } = logger;
printName(); // TypeError: Cannot read property 'print' of undefined


慕斯709654
浏览 520回答 1
1回答

慕斯王

根据文档,Destrucuring assignment是会对prototype里面的属性进行解构的哦,所以printName打印结果是printName(name = 'there') {this.print(Hello ${name});}是正确的至于printName()的报错,是因为printName()中的this是window,所以没有this.print这个函数。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答