javascript - 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

解决方案

根据文档，Destrucuring assignment是会对prototype里面的属性进行解构的哦，

所以printName打印结果是printName(name = 'there') {this.print(Hello ${name});}是正确的

至于printName()的报错，是因为printName()中的this是window，所以没有this.print这个函数。

这篇关于javascript - ES6解构赋值的疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！